html{ scroll-behavior:smooth;}
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{
  display: flex;
  align-items: flex-end;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
}
.flex-center-between{
  align-items: center;
  justify-content: space-between;
}
.flex-stretch-between{
  align-items: stretch;
  justify-content: space-between;
}
.flex-end-between{
  align-items: flex-end;
  justify-content: space-between;
}




@font-face {
	font-family: 'MONTSERRAT-LIGHT';
	src: url('../fonts/MONTSERRAT-LIGHT.OTF');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MONTSERRAT-BOLD';
	src: url('../fonts/MONTSERRAT-BOLD.OTF');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MONTSERRAT-REGULAR';
	src: url('../fonts/MONTSERRAT-REGULAR.TTF');
	font-weight: normal;
	font-style: normal;
}


.maodian{ position: absolute; left:0; top:-6.25rem;}

header.cur{ background: #fff; box-shadow: 0px 1px 4px rgba(0,0,0,0.08);}
header.cur .header:after{ display: none;}
header.cur .pc_nav>ul>li>a{ color: #222;}
header.cur .pc_nav>ul>li>a:after{ background: #e47f2b;}
header.cur .pc_nav>ul>li.active>a{ color: #e47f2b; font-weight: bold;}
header.cur .pc_nav>ul>li:hover>a{ color: #e47f2b;}
header.cur .pc_nav>ul>li:hover>a:after{ width: 100%; background: #e47f2b;}
header.cur .head_user a{ color: #777777;}
header.cur .head_tel a{ color: #e47f2b;}
header.cur .head_search i{ color: #777777;}


header.active{ opacity: 0; pointer-events: none;}
header.active .header .pc_nav ul li .erji{ pointer-events: none;}
header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 990; transition: all 0.5s ease-out;}
.header:after{ content: ''; width: 100%; height: 1px; background: rgba(255,255,255,0.2); position: absolute; left: 0; bottom: 0; pointer-events: none;}
.header{ display: flex; position: relative; justify-content: flex-end; align-items: center; padding-left: 31.25rem; height: 6.25rem;}
.logo{ height: 6.25rem; position: absolute; left: 0; top: 0; display: flex; align-items: center;}
.logo a{ display: block;}
.logo a img{ height: 2.625rem;}

.pc_nav>ul{ display: flex; align-items: center;}
.pc_nav>ul>li{ position: relative; padding-right: 3.125rem;}
.pc_nav>ul>li>a:after{ content: ''; width: 0; height: 3px; background: #e47f2b; pointer-events: none; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; transition: all 0.3s ease;}
.pc_nav>ul>li>a{ font-size: 1.34rem; letter-spacing: 1px; color: #fff; white-space: nowrap; 
  line-height: 6.25rem; display: block; position: relative;}
.pc_nav>ul>li.active>a:after{ width: 100%;}

/* .pc_nav>ul>li:hover .erji{ opacity: 1; transform: translateX(-50%); pointer-events: auto;}
.pc_nav>ul>li .erji{ position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(1rem); pointer-events: none; opacity: 0; min-width: 100%; padding: 0.5rem 0; background: rgba(0,0,0,0.3); transition: all 0.3s ease-out; z-index: 2; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.pc_nav>ul>li .erji a{ display: block; line-height: 2.25rem; font-size: .875rem; color: rgba(255,255,255,0.75); white-space: nowrap; padding: 0 .625rem; text-align: center;}
.pc_nav>ul>li .erji a:hover{ color: #fff;}
 */


.pc_xiala.cur{ background: rgba(255,255,255,1);}
.pc_xiala{ width: 100%; height: 0; transition: all 0.5s ease-out; position: fixed; z-index: 989; top: 0; left: 0; background: rgba(255,255,255,1); box-shadow: 0px 2px .25rem rgba(0,0,0,0.1); pointer-events: none;}

/* .pc_nav>ul>li:hover .erji{ opacity: 1; pointer-events: auto; transition-delay: 0.3s;} */
.erji.active{ opacity: 1; pointer-events: auto; transition-delay: 0.3s;}
/* .pc_nav>ul>li:hover .erji .container{ opacity: 1; transition-delay: 0.3s;} */
/* .pc_nav>ul>li:hover .erji:after{ height: 100%;}
.erji:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; height: 0; transition: all 0.5s ease-out; background: rgba(0,0,0,0.5); z-index: -1;} */
.erji{ position: fixed; top: 0; left: 0; right: 0; width: 100%; padding: 30px 0; opacity: 0; pointer-events: none; padding-top: 130px; transition: all 0.3s ease-out; z-index: -1; display: flex; justify-content: space-between;}
.erji .container{ justify-content: space-between; display: flex; align-items: flex-start;}
.ej_img{ width: 35%;}
.ej_img a{ display: block; border-radius: .5rem; border-bottom-right-radius: 0; border-radius: .75rem; padding-top: 60%;}
.erji .ej_ul{ width: 60%;}
.ul_biao{ width: 100%;}
.ul_biao strong{ font-size: 1.875rem; color: #e47f2b;}
.ul_biao span{ font-size: 1rem; display: block; text-transform: uppercase;}
.erji ul{ display: flex; flex-wrap: wrap;}
.erji ul li{ width: 30%; margin-top: 2.25rem;}
.erji ul li:not(:nth-child(3n)){ margin-right: 5%;}
.erji ul li a{ display: flex; justify-content: space-between; align-items: center; font-size: 1.125rem; background: #f0f1f5; color: #474747; font-weight: bold; padding: 1.25rem 2.5rem; border-radius: .75rem;}
/* .erji ul li a span{ transition: all 0.3s ease;} */
.erji ul li a i{ font-size: 1.125rem;}
/* .erji ul li a:hover i{ animation: bounce1 1s ease-out;} */
/* .erji ul li a:hover i{ transform: translateX(-50%);} */
.erji ul li a:hover{ background-image: linear-gradient(to right, #e47f2b, #fcdb7e); color: #fff;}





.head_more{ display: flex; align-items: center; margin-left: 3.125rem;}
.head_search i{ font-size: 1.5rem; color: #fff;}
.search_box.active{ opacity: 1; pointer-events: auto; transform: translateY(0);}
.search_box{ width: 28.75rem; opacity: 0; pointer-events: none; position: absolute; top: 100%; right: 0; z-index: 2; transition: all 0.5s; transform: translateY(1.5rem);}
.search_box>div{ display: flex; align-items: stretch; position: relative;}
.search_box .in_put{ width: calc(100% - 8.75rem); height: 3.5rem; background: rgba(0,0,0,0.35); border-radius: 0; border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; padding: 0 1.875rem; font-size: 1.125rem; color: #fff; padding-left: 4.375rem; outline: none; box-shadow: none; border: none;}
.search_box .in_put::placeholder{ color: rgba(255,255,255,0.5); text-transform: uppercase;}
.search_box i{ position: absolute; left: 1.875rem; top: 50%; transform: translateY(-50%); color: #fff; opacity: 0.7; font-size: 1.5rem;}
.search_box .in_btn{ width: 8.75rem; font-size: 1.125rem; background: #3c59a7; border: none; border-radius: 0; border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; color: #fff; font-family: 'MONTSERRAT-BOLD'; outline: none; text-align: center;}

.head_user{ margin: 0 2.625rem;}
.head_user a{ color: #fff; font-size: 1.875rem;}
.head_tel a{ font-size: 1.75rem; display: block; white-space: nowrap; color: #fff; font-family: 'MONTSERRAT-BOLD';}

.menu-link{ cursor: pointer;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  display: none;
}
.menu-link em{ display: inline-block; font-style: normal; font-size: 1.125rem;}
.menu-link span{ width: 1.875rem; height: 1.5rem; display: inline-block; position: relative;}
.menu-link span i{ width: 100%; height: .25rem; 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: .25rem; 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: .25rem; 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.5px;}
.menu-link.active span:before{transform: rotate(45deg); bottom: -0.5px;}
.menu-link.active span i{ background: transparent;}


.s_banner.s_banner_xs{ opacity: 0; pointer-events: none; height: 0; overflow: hidden;}

.s_banner.active{ opacity: 0;}
.s_banner{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh;}
.s_banner .swiper .swiper-slide{ position: relative; height: 100vh;}
.s_banner .swiper .container{ position: absolute; top: 25%; left: 0; right: 0;}
.s_banner .swiper .swiper-slide strong{ display: inline-block; font-size: 3.25rem; color: #fff; text-shadow: 0px 2px 4px rgba(0,0,0,0.3);}
.s_banner .swiper .swiper-slide p{ font-size: 1.5rem; color: #fff; margin-top: 1.25rem; font-family: 'MONTSERRAT-LIGHT';}
.ty_more{ margin-top: 1.875rem;}
.ty_more a{ min-width: 10rem; background-image: linear-gradient(to right, #e47f2b, #fcdb7e); font-size: 1.125rem; color: #fff; padding: .75rem 1.5rem;  text-align: center; border-radius: 1.875rem; display: inline-block;}

.s_banner .swiper-pagination{ position: absolute; left: auto; right: 2%; bottom: 10%; width: auto;}
.s_banner .swiper-pagination .swiper-pagination-bullet{ opacity: 0.5; outline: none; display: block; margin: .5rem 0; width: 24px; height: 24px; background: none; position: relative;}
.s_banner .swiper-pagination .swiper-pagination-bullet:after{ content: ''; position: absolute; top: 0; left: 0; width: 24px; border-radius: 50%; height: 24px; border: 1px solid rgba(240,245,245,0.45); opacity: 0; transition: all 0.3s ease;}
.s_banner .swiper-pagination .swiper-pagination-bullet:before{ content: ''; width: 6px; height: 6px; border-radius: 50%; background: #f5f5f5; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.s_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1;}
.s_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ opacity: 1;}

.s_banner .swiper-pagination .swiper-pagination-bullet svg {
  display: block;
  width: 24px;
  height: 24px;
  z-index: 5;
  transform: rotate(-45deg);
}
.s_banner .swiper-pagination .swiper-pagination-bullet svg circle {
  stroke-width: 2px;
  stroke: #f5f5f5;
  stroke-dasharray: 300%;
  stroke-dashoffset: 300%;
  /* transition: stroke-dashoffset 0.6s ease-out; */
}
.s_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active svg circle {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 3s ease-out;
}

.shu{
  width: 1px;
  height: 9.375rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  background: hsla(0,0%,100%,.2);
  z-index: 5;
}
.shu:before{
  content: "";
  position: absolute;
  width: .6875rem;
  height: .6875rem;
  left: 0;
  transform: translateX(-50%);
  top: 0;
  z-index: 2;
  background: #fff;
  border-radius: 50%;
  -webkit-animation: home_banner_shu 2s ease infinite;
  animation: home_banner_shu 2s ease infinite;
}

@-webkit-keyframes home_banner_shu{
  0%{
    transform:translateX(-50%) translateY(0) scale(1);
    opacity:0
  }
  30%{
    opacity:1
  }
  60%{
    opacity:1
  }to{
    transform:translateX(-50%) translateY(7.5rem) scale(.5);
    opacity:0
  }
}
@keyframes home_banner_shu{
  0%{
    transform:translateX(-50%) translateY(0) scale(1);
    opacity:0
  }
  30%{
    opacity:1
  }
  60%{
    opacity:1
  }to{
    transform:translateX(-50%) translateY(7.5rem) scale(.5);
    opacity:0
  }
}







#myVideo{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 110%; min-height: 100%;}


.scroll{ position: absolute; left: 0; width: 100%; bottom: 5%; z-index: 2; text-align: center;}
.scroll span, .scroll a{ letter-spacing: .3125rem; display: inline-block; font-family: 'MONTSERRAT-LIGHT'; color: #fff; text-align: center;}
.scroll span i, .scroll a i{ display: flex; align-items: center; justify-content: center; margin: 0 auto; height: 3.75rem; width: 3.75rem; background: #fff; margin-bottom: 1.125rem; border-radius: 50%; color: #e47f2b; font-size: 1.25rem; padding-top: .125rem; letter-spacing: 0;}


.s_banner02{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 2; overflow: hidden; pointer-events: none;}
.s_banner02.active{ background: #fff;}
.s_banner02.active .d_svg{ opacity: 0;}
.s_banner02.active .d_logo_bg{
  animation: mylogo 2s linear;
	-webkit-animation: mylogo 2s linear; /*Safari and Chrome*/

}
/* .s_banner02.active .d_logo_bg img{ opacity: 1; transition-delay: 0.3s;} */
.s_banner02.active .d_bg{ opacity: 1; transition-delay: 0.5s;}
.s_banner02.active .d_bg i{ transform: scale(1); transition-delay: 0.5s;}
.s_banner02.active .d_logo{ opacity: 1; transition-delay: 1.4s; transform: scale(1);}


.d_svg{ transform: scale(7); position: absolute; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/logo.svg) center no-repeat; background-size: 100% auto; transition: all 0.5s ease-out;}
.d_bg{ display: none; position: absolute; top: 58%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2; width: 36%; opacity: 0; transition: all 0.5s ease-out;}
.d_bg i{ transform: scale(0.9); display: block; padding-top: 100%; border-radius: 50%; background: #000; opacity: 0.1; transition: all 0.5s ease-out;}
.d_logo_bg{ position: absolute; top: 55%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 3; width: 26.25rem; height: 26.25rem;
   /* background: url(../images/d.png) left top no-repeat; background-size: contain;  */
   opacity: 0; transition: all 0.5s ease-out;}
.d_logo_bg img{ display: block; width: 100%; position: absolute; left: 0; top: 0; z-index: 2;}
.d_logo{ z-index: 4; position: absolute; top: 43%; left: 0; right: 0; margin: 0 auto; text-align: center; opacity: 0; transition: all 0.5s ease-out; transform: scale(1.2);}
.d_logo p{
  margin: 0;
  margin-top: 10%;
  font-size: 2rem;
  letter-spacing: .1875rem;
  color: #54585a;
}
.d_logo img{ height: 11.25rem;}


@keyframes mylogo
{
	0% { opacity: 0;}
	60% { opacity: 1;}
	100% { opacity: 0;}
}

@-webkit-keyframes mylogo /*Safari and Chrome*/
{
	0% { opacity: 0;}
	60% { opacity: 1;}
	100% { opacity: 0;}
}



.s_biao{ margin-bottom: 3.125rem; text-align: center;}
.s_biao h2{ font-size: 3.125rem; color: #000; margin-bottom: 1.875rem; margin-top: 0;}
.s_biao p{ font-size: 1.25rem; color: #474747;}


.s_product{ margin-top: 200vh; padding-top: 5%; margin-bottom: 8%;}
.s_product .s_biao{ margin-bottom: 5rem;}
.s_product ul{ display: flex;}
.s_product ul li{ width: 15%; position: relative; height: 33.125rem; display: flex; align-items: flex-start; padding: 0 1rem; border-radius: .5rem; transition: all 0.5s ease-out;}
.s_product ul li:not(:nth-child(5n)){ margin-right: 1%;}
.s_product ul li.active{ width: 36%;}
.s_product ul li.active .caption{ margin-top: 8rem;}
.s_product ul li.active .caption p{ transform: translateY(0); opacity: 1;}
.s_product ul li .caption{ color: #fff; text-align: center; margin-top: 10rem; transition: all 0.3s ease;}
.s_product ul li .caption i{ font-size: 2.875rem;}
.s_product ul li .caption h4{ font-size: 1.875rem; margin-bottom: .625rem; font-weight: bold; height: 4.5rem; line-height: 2.25rem; margin-top: 1rem;}
.s_product ul li .caption p{ color: #fff; font-size: 1.125rem; text-align: left; line-height: 2;
  opacity: 0;
  transform: translateY(1rem);
  transition: all 0.3s ease;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.li_num{ font-size: 1.25rem; position: absolute; right: 1rem; bottom: 2rem; z-index: 2; color: #fff; opacity: 0.75; font-family: 'MONTSERRAT-LIGHT';}

.s_solution{ position: relative; height: 51.875rem;}
.s_solution .mySwiper1{ height: 100%;}
.s_solution .mySwiper2_con{ position: absolute; bottom: 5%; left: 0; right: 0; margin: 0 auto; z-index: 3;}
.sl_biao{position: absolute; top: 15%; left: 0; right: 0; margin: 0 auto; z-index: 5;}
.sl_biao span{ font-size: 3.125rem; padding-bottom: 5rem; position: relative; color: #fff; display: inline-block;}
.sl_biao span:after{ content: ''; width: 50%; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0;}
.s_solution .mySwiper1 .container{ position: absolute; top: 15%; left: 0; right: 0; margin: 0 auto; z-index: 2; display: flex; justify-content: flex-end;}
.sl_text{ width: 45%; color: #fff;}
.sl_text h3{ font-size: 1.5rem; margin-bottom: 2.5rem; font-weight: bold;}
.sl_text p{ font-size: 1.125rem; line-height: 2.4; margin-bottom: 2.5rem;}
.ico_prev{ left: -3rem;}
.ico_next{ right: -3rem;}
.ico_prev, .ico_next{ cursor: pointer; position: absolute; top: 50%; text-align: center; transition: all 0.3s ease; transform: translateY(-50%); width: 2.25rem; height: 2.25rem; border-radius: 50%; background: #e4e1df; outline: none;}
.ico_prev i, .ico_next i{ line-height: 2.25rem; display: inline-block; color: #666; transition: all 0.3s ease;}
.ico_prev:hover, .ico_next:hover{ background-image: linear-gradient(to right, #e47f2b, #e4942b, #fcdb7e);}
.ico_prev:hover i, .ico_next:hover i{ color: #fff;}

.s_solution .mySwiper2:after{ content: ''; width: 100%; height: 1px; background: rgba(255,255,255,0.3); position: absolute; top: 3.6875rem; z-index: -1;}
.s_solution .mySwiper2 .swiper-slide { text-align: center; cursor: pointer;}
.s_solution .mySwiper2 .swiper-slide img{ width: 3.0625rem; display: block; margin: 0 auto;}
.s_solution .mySwiper2 .swiper-slide span{ font-size: 1.125rem; color: #fff; display: inline-block; padding-top: 1.85rem; position: relative; margin-top: .625rem;}
.s_solution .mySwiper2 .swiper-slide span:after{ content: ''; width: 0; height: 4px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: #fff; transition: all 0.3s ease;}
.s_solution .mySwiper2 .swiper-slide.swiper-slide-thumb-active span:after{ width: 8.125rem;}

.s_3d{ padding: 5.625rem;}
.s_3d .s_biao{ margin-bottom: 0;}

/* .fw_case{ background: url(../images/sfw_bg.jpg) center bottom no-repeat; background-size: cover;} */
.s_fuwu{ padding: 5.375rem 0;}
.s_fuwu .ny_biao{ margin-bottom: 0;}
.s_fuwu .container{ display: flex; justify-content: space-between; align-items: center;}
.sfw_left{ width: 38%;}
.sfw_left p{ font-size: 1.125rem; color: #666; line-height: 2.4; margin-bottom: 3.125rem;}
.sfw_right{ width: 50%; height: 41.25rem; overflow: auto;}
.sfw_right:after{ content: ''; display: table-cell; clear: both;}
.sfw_right::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
.sfw_li:not(:nth-child(2n)){ margin-right: 2.5rem;}
.sfw_li{ width: calc((100% - 2.5rem)/2); float: left;}
.sfw_li:nth-child(2n+1){ margin-top: 3.75rem; margin-bottom: .625rem;}
.sfw_li a{ padding-top: 65%; display: block; position: relative; border-radius: .5rem; overflow: hidden;}
.sfw_li a:after{ position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; background: url(../images/sfw.jpg) center no-repeat; background-size: cover; z-index: 2; opacity: 0; transition: all 0.3s ease;}
.sfw_li .caption{ position: absolute; top: 0; left: 0; padding: 1.25rem; padding-bottom: 0; color: #fff; transform: translateY(90%); transition: all 0.3s ease; z-index: 3;}
.sfw_li .caption p{ line-height: 1.8; font-size: 1rem; display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden; margin-bottom: 0; opacity: 0; transition: all 0.3s ease;}
.sfw_li .caption h4{ font-size: 1.5rem; border-bottom: 1px solid rgba(255,255,255,0); margin-bottom: 1rem; transition: all 0.3s ease;}
.sfw_li .caption h4 span{ display: inline-block; padding-bottom: 1rem; position: relative;}
.sfw_li .caption h4 span:after{ content: ''; width: 100%; height: 3px; background: #fff; position: absolute; bottom: -1px; left: 0; opacity: 0; transition: all 0.3s ease;}
.sfw_li .caption h5{ text-align: right; font-size: 1.5rem; opacity: 0; transition: all 0.3s ease;}

.sfw_li:hover .caption h5, .sfw_li:hover .caption p, .sfw_li:hover .caption h4 span:after{ opacity: 1;}
.sfw_li:hover .caption{ transform: translateY(0);}
.sfw_li:hover .caption h4{ border-color: rgba(255,255,255,0.6);}
.sfw_li:hover a:after{ opacity: 1;}

.s_case{ margin-top: 5rem; padding-bottom: 3.75rem;}
.s_case .swiper{ padding: 0.5rem;}
.s_case .s_biao{ padding-top: 5rem; position: relative;}
.s_case .s_biao:after{ content: ''; height: 7.1875rem; width: auto; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%) translateY(100%); width: 51.5rem; background: url(../images/case.png) center no-repeat; background-size: contain;}

.s_case .container{ position: relative;}
.s_case .swiper-slide a{ display: block; border-radius: .5rem; overflow: hidden; box-shadow: 0px 0px 8px rgba(0,0,0,0.2);}
.case_img{ padding-top: 70%; position: relative;}
.case_img:after{ content: ''; width: 0; height: 0; border-left: 1.25rem solid transparent; border-right: 1.25rem solid transparent; border-bottom: 1.25rem solid #fff; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.s_case .swiper-slide:nth-child(2n) .case_img:after{ top: 0; bottom: auto; border-top: 1.25rem solid #fff; border-bottom: none;}
.case_logo{ height: 4.375rem; display: flex; align-items: center;}
.case_logo img{ max-height: 100%;}
.case_text h4{ font-size: 1.375rem; margin: 1rem 0; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.case_text p{ font-size: 1rem; color: #888; line-height: 2;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;}
.case_text{ padding: 1rem; background: #fff;}


.s_new{ background: #f0f1f5; padding: 5rem 0; padding-bottom: 3.125rem;}
.s_new .s_biao{ position: relative;}
.s_new .s_biao h2{ margin-bottom: 0; text-align: left;}
.s_new ul{ display: flex; align-items: center; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%;}
.s_new ul li{ color: #666;}
.s_new ul li i{ width: 4px; height: 4px; border-radius: 50%; background: #666; display: block;}
.s_new ul li a{ font-size: 1.25rem; color: #666;}
.s_new ul li.active a{ color: #e47f2b;}
.s_new ul li:not(:last-child){ margin-right: 1rem;}

.new_list{ display: flex;}
.new_li{ width: 31%; margin-bottom: 1.875rem;}
.new_li:not(:nth-child(3n)){ margin-right: 4.5%;}
.new_li a{ display: block; background: #fff; padding: 2.5rem; height: 100%;}

.new_li:hover .new_img i{ transform: scale(1.1);}
.new_img{ overflow: hidden;}
.new_img i{ display: block; padding-top: 62.5%; transition: all 0.5s ease-out;}
.new_text{ padding: 1rem 0;}
.new_text h5{ font-size: 1rem; transition: all 0.3s ease; color: #444; font-family: 'MONTSERRAT-LIGHT';}
.new_text h5 strong{ font-size: 3.125rem;font-family: 'MONTSERRAT-BOLD'; display: inline-block; margin-right: 0.5rem;}
.new_text h4{ margin: 1rem 0; color: #222; transition: all 0.3s ease;}
.new_text p{ color: #666; line-height: 2;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;}
.new_li:hover h5, .new_li:hover h4{ color: #e47f2b;}

.s_gg{ background: #f0f1f5;}
.s_gg.ny{ background: #fff;}
.s_gg ul{ display: flex; border-top: 1px solid #dddddd; padding: 5rem 0; justify-content: space-around;}
.s_gg ul li i{ width: 5rem; height: 5rem; border-radius: 50%; background: #fff; box-shadow: 0px 0px 1rem rgba(0,0,0,0.1); display: flex; align-items: center; justify-content: center; font-size: 2.25rem; margin: 0 auto; color: #999; transition: all 0.3s ease;}
.s_gg ul li span{ display: block; text-align: center; font-size: 1.25rem; margin-top: 1rem; color: #444; transition: all 0.3s ease;}
.s_gg ul li:hover i{ background: #d37122; color: #fff;}
.s_gg ul li:hover span{ color: #d37122;}


.fudong{ position: fixed; right: 1.25rem; top: 50%; transform: translateY(-50%); z-index: 90;}
.fudong ul li{ width: 3.75rem; height: 3.75rem; position: relative; margin-bottom: 2px;}
.fudong ul li:first-child .ico_a{ border-top-left-radius: .375rem; border-top-right-radius: .375rem;}
.fudong ul li:last-child .ico_a{ border-bottom-left-radius: .375rem; border-bottom-right-radius: .375rem;}
.fudong ul li .ico_a{ display: block; width: 3.75rem; height: 3.75rem; background: #e47f2b; color: #fff;  text-align: center; position: relative; z-index: 3; overflow: hidden; transition: all 0.3s;}
.fudong ul li .ico_a i{ font-size: 1.5rem; line-height: 3.75rem; position: relative; z-index: 3;}
.fudong ul li:hover .ico_a{ background: #d37122;}

.fd_dh{ position: absolute; z-index: 2; top: 0; right: 0; opacity: 0; width: auto; height: 3.75rem; background: #e47f2b; color: #fff; padding: 0 1.25rem; white-space: nowrap; line-height: 3.75rem; font-size: 1.125rem; transition: all 0.5s; border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem;}
.fudong ul li:hover .fd_dh{ right: calc(100% + 1px); opacity: 1; transition-delay: 0.2s;}


.fd_ewm{ position: absolute; z-index: 2; top: 0; right: 0; opacity: 0; width: 8.125rem; background: #e47f2b; color: #fff; padding: .5rem; transition: all 0.5s; border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem;}
.fudong ul li:hover .fd_ewm{ right: calc(100% + 1px); opacity: 1; transition-delay: 0.2s;}



footer{ background: url(../images/foot.jpg) center no-repeat; background-size: cover; padding-top: 6.25rem; padding-bottom: 4.375rem;}
footer .container{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.foot_left{ width: 34%;}
.foot_right{ width: 47%; display: flex; justify-content: space-between;}
.foot_right ul li{ margin-bottom: 1rem;}
.foot_right ul li a{ font-size: 1rem; color: #fff; opacity: 0.3; transition: all 0.3s ease;}
.foot_right ul li a:hover{ opacity: 1;}
.foot_right ul li:first-child a{ opacity: 1;}
.foot_right ul li:first-child{ margin-bottom: 3.75rem;}

.ft_logo{ margin-bottom: 3.75rem;}
.ft_tel{ display: flex; align-items: center; font-size: 2.5rem; font-family: 'MONTSERRAT-BOLD'; color: #fff;}
.ft_tel img{ margin-right: 0.5rem;}

.foot_left .search_box{ transform: translateY(0); position: static; opacity: 1; pointer-events: auto; margin: 1rem 0; width: 100%;}
.foot_left .search_box .in_put{ height: 3.75rem; font-size: 1rem; background: #525252;}
.foot_left .search_box .in_btn{ background: #d37122; height: 3.75rem; border-bottom-right-radius: .375rem !important;}
.ft_share{ margin: 1.875rem 0;}
.ft_share a{ margin-right: 1.875rem; display: inline-block; color: #fff; opacity: 0.65; transition: all 0.3s ease;}
.ft_share a i{ font-size: 1.875rem;}
.ft_share a:hover{ opacity: 0.85; transform: scale(1.1);}

.foot_di{ width: 100%; color: #fff; opacity: 0.3; font-size: 1rem; text-transform: uppercase;}


.n_banner{ height: calc(100vh - 6.25rem); margin-top: 6.25rem; position: relative;}

.ban_biao{ text-align: center; position: absolute; color: #fff; top: 20%; left: 0; right: 0; margin: 0 auto;}
.ban_biao i{ font-size: 5rem;}
.ban_biao h1{ font-size: 3.25rem; margin-top: .625rem;}
.ban_biao p{ font-size: 1.5rem; font-family: 'MONTSERRAT-LIGHT';}


.weizhi{ position: relative;}
.weizhi .flex{ border-bottom: 1px solid #dedede; padding: 1.875rem 0;}
.wz_left{ font-size: 1.125rem; color: #666;}
.wz_left a{ color: #333;}
.wz_right{ display: flex; color: #ccc;}
.wz_right a{ font-size: 1.125rem; color: #111; margin: 0 1.875rem; transition: all 0.3s ease;}
.wz_right a:last-child{ margin-right: 0;}
.wz_right a:first-child{ margin-left: 0;}
.wz_right a:hover{ color: #d37122;}
.wz_right a.active{ color: #d37122;}

.ny_biao{ text-align: center;}
.ny_biao strong{ font-size: 9.375rem; text-transform: uppercase; color: rgba(228,127,43,0.08); font-family: 'MONTSERRAT-BOLD'; line-height: 1; position: relative; display: inline-block;}
.ny_biao strong:after{ content: ''; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); position: absolute; top: 0; left: 0;}
.ny_biao span{ font-size: 3.125rem; color: #111; display: block; transform: translateY(-2.5rem);}

.n_about{ padding: 5rem 0;}
.nab_left{ width: 50%;}
.nab_right{ width: 50%; padding: 0 2%;}
.nab_right .ty_content{ font-size: 1.125rem; text-indent: 2em;}
.nab_right .ty_content p{ margin: 1.875rem 0;}

.n_about_more{ background: #f0f1f5; padding-top: 5rem; padding-bottom: 1rem;}
.nab_morr_img{ width: 52%;}
.nab_morr_img img{ max-width: 115%;}
.n_about_more ul{ width: 48%; position: relative; z-index: 2;}
.n_about_more ul li{ width: 100%; padding: 1.25rem 15%; background-image: linear-gradient(to right, #e47f2b, #fcdb7e); box-shadow: 0px 0px 0.5rem rgba(0,0,0,0.1); border-radius: .5rem; overflow: hidden; position: relative; z-index: 2;}
.n_about_more ul li:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; z-index: 1; transition: all 0.3s ease;}
.n_about_more ul li:not(:last-child){ margin-bottom: 2.5rem;}
.n_about_more ul li span{ transition: all 0.3s ease; font-size: 1.5rem; color: #666; display: inline-block; vertical-align: middle; margin-right: .3125rem; position: relative; z-index: 2;}
.n_about_more ul li strong{ font-size: 4.375rem; color: #d37122; line-height: 1; transition: all 0.3s ease;}
.n_about_more ul li small{ font-size: 2.5rem; color: #d37122; margin-right: .3125rem; font-weight: bold; transition: all 0.3s ease;}
.n_about_more ul li p{ color: #666; font-size: 1.5rem; transition: all 0.3s ease; position: relative; z-index: 2;}
.n_about_more ul li:hover:after{ background: transparent;}
.n_about_more ul li:hover span, .n_about_more ul li:hover strong, .n_about_more ul li:hover small, .n_about_more ul li:hover p{ color: #fff;}

.n_wenhua{ padding: 5rem 0;}
.n_wenhua .caption{ width: 48%; position: relative;}
.n_wenhua .caption img{ width: 100%;}
.nwh_text{ position: absolute; top: 25%; left: 0; right: 0; margin: 0 auto; color: #fff; text-align: center;}
.nwh_text i{ font-size: 5rem;}
.nwh_text h4{ margin-bottom: 1.25rem;}
.nwh_text h4, .nwh_text p{ font-size: 1.875rem;}

.n_licheng{
  /* background: url(../images/nab_4.jpg) center bottom no-repeat; background-size: cover; */
  background: none;
  position: relative;}
/* .nlc_bg{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -10;
  background: url(../images/nab_4.jpg) center no-repeat;
  background-size: cover;
} */
.nlc_li{ display: flex; position: relative;}
.nlc_li:nth-child(2n){ justify-content: flex-end;}
.nlc_li:nth-child(2n) .nlc_text{ text-align: left;}
.nlc_text{ text-align: right; padding: 1.875rem 3.125rem; width: 46%; position: relative; transition: all 0.3s ease;}
.nlc_text h3{ font-size: 2.25rem; color: #fff; transition: all 0.3s ease; font-family: 'MONTSERRAT-BOLD'; }
.nlc_text p{ line-height: 2; color: #fff; transition: all 0.3s ease; margin-bottom: 0;}
.nlc_text em{ width: 0; height: 0; border-top: .625rem solid transparent; border-bottom: .625rem solid transparent; border-left: 1rem solid rgba(255,255,255,0.8); position: absolute; left: 100%; top: 3.125rem; opacity: 0;  transition: all 0.3s ease;}
.nlc_li:nth-child(2n) .nlc_text em{ right: 100%; left: auto; border-right: 1rem solid rgba(255,255,255,0.8); border-left: none;}
.nlc_li:hover .nlc_text em{ opacity: 1;}
.nlc_li:hover .nlc_text{ background: rgba(255,255,255,0.8);}
.nlc_li:hover .nlc_text h3{ color: #e47f2b;}
.nlc_li:hover .nlc_text p{ color: #222;}
.nlc_li:hover i{ border-color: #d37122;}
.nlc_li:hover i:after{ background: #d37122;}
.nlc_li i{ width: 3.75rem; height: 3.75rem; display: block; border-radius: 50%; border: 1px dashed #fff; position: absolute; left: 50%; transform: translateX(-50%); top: 1.875rem;}
.nlc_li i:after{ content: ''; width: .75rem; height: .75rem; border-radius: 50%; background: #fff; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.nlc_li:after{ content: ''; width: 2px; height: 1.875rem; background: rgba(255,255,255,0.5); position: absolute; left: 50%; transform: translateX(-50%); top: 0;}
.nlc_li:before{ content: ''; width: 2px; height: calc(100% - 1.875rem - 3.75rem); background: rgba(255,255,255,0.5); position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}

.nlc_list{ padding-top: 7.5rem; position: relative;}
.nlc_list:after{ height: 7.5rem; top: 0;}
/* .nlc_list:before{ height: 3.75rem; bottom: 0;} */
.nlc_list:after{ content: ''; width: 2px; background: rgba(255,255,255,0.5); position: absolute; left: 50%; transform: translateX(-50%);}

.n_licheng{ padding-top: 5rem;}
.n_licheng .s_biao{ padding-top: 5rem; position: relative;}
.n_licheng .s_biao h2{ color: #fff;}
.n_licheng .s_biao:after{ content: ''; height: 7.1875rem; width: auto; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%) translateY(100%); width: 51.5rem; background: url(../images/lc.png) center no-repeat; background-size: contain; opacity: 0.3;}

.nlc_jian{ position: absolute; top: -0.625rem; left: 50%; transform: translateX(-50%); width: 1.4375rem; z-index: 2;}
.nlc_hieght{ height: 38rem; overflow: auto;


    cursor: url(../images/shubiao.png), pointer;
  
}
.nlc_hieght::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
.ny_biao.nab strong:after{ content: ''; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(255,255,255,0), #f0f1f5); position: absolute; top: 0; left: 0;}

.n_honor{ padding: 3.75rem 0;}
.honor_list{ position: relative; display: flex; flex-wrap: wrap;}
.honor_li{ width: 24%; margin-bottom: 1.875rem;}
.honor_li a{ display: block; background: #fff; padding-top: 123%; position: relative; border-radius: 0.5rem; transition: all 0.3s ease;}
.honor_li:hover a{ background: #d37122;}
.honor_li a img{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-width: 86%; max-height: 86%;}
.honor_li:not(:nth-child(4n)){ margin-right: calc(4%/3);}

ul.ny_nav{ text-align: center; margin-bottom: 3.125rem;}
ul.ny_nav li{ margin: 0 1.25rem; display: inline-block;}
ul.ny_nav li a{ padding: 0 3.75rem; height: 3.75rem; display: flex; align-items: center; justify-content: center; font-size: 1.125rem; color: #222; background: #fff; border-radius: 1.875rem;}
ul.ny_nav li.active a{ background-image: linear-gradient(to right, #e47f2b, #fcdb7e); color: #fff;}
ul.ny_nav li:hover a{ color: #d37122;}
ul.ny_nav li.active:hover a{ color: #fff;}

.n_news, .nnew_content{ padding: 3.75rem 0;}
.nnew_list{ margin-top: 3.75rem;}
.nnew_li{ margin-bottom: 2.5rem;}
.nnew_li a{ display: flex; justify-content: space-between; align-items: center; padding: 1.875rem; background: #fff; border-radius: .625rem;}
.nnew_li .new_img{ width: 16rem;}
.nnew_li .new_text{ padding: 0; width: calc(100% - 16rem - 3.125rem);}
.nnew_li .new_text p{ margin-bottom: 0;}
.nnew_li:hover .new_text h5, .nnew_li:hover .new_text h4{ color: #d37122;}

.nnew_content{ display: flex; justify-content: space-between; padding: 3.75rem 3.125rem;}
.nnew_left{ width: 67%; padding: 3.75rem 2.5rem; background: #ffffff; border-radius: 1rem; overflow: hidden; position: relative;}
.nnew_right{ width: 30%;}
.nnew_right>h3{ font-size: 1.875rem; color: #333; margin-bottom: 1.25rem;}


.nnew_left>h2{ font-size: 1.875rem; color: #333;}
.nnew_left>h5{ font-size: 1rem; color: #666; display: flex; margin: 1.875rem 0;}
.nnew_left>h5 span{ margin-right: 1.25rem; align-items: center; display: flex;}
.nnew_left>h5 span i{ color: #d37122; margin-right: 0.5rem;}

.nnew_black{ margin-top: 3.125rem;}
.nnew_black a{ width: 10rem; height: 3.125rem; margin: 0 auto; border: 1px solid #dedede; display: flex; align-items: center; justify-content: center; font-size: 1.125rem; color: #666; transition: all 0.3s ease; border-radius: 1.5625rem;}
.nnew_black a:hover{ background-image: linear-gradient(to right, #e47f2b, #fcdb7e); border-color: transparent; color: #fff;}

.nnew_right .new_li{ width: 100%; margin-right: 0;}

.down_list{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.down_li{ display: flex; justify-content: space-between; width: 49%; padding: 3.125rem; background: #fff; border-radius: .625rem; margin-bottom: 2.5rem;}
.down_li strong{ font-size: 1.5rem; font-weight: normal; color: #333;}
.down_li a{ border-radius: 1.25rem; height: 2.5rem; display: flex; flex: 0 0 8.75rem; align-items: center; justify-content: center; background-image: linear-gradient(to right, #e47f2b, #fcdb7e); color: #fff;}
.down_li a i{ font-size: 1.5rem; margin-left: 0.5rem;}
.down_li:hover{ background-image: linear-gradient(to right, #e47f2b, #fcdb7e);}
.down_li:hover a{ background: #fff; color: #d37122;}
.down_li:hover strong{ color: #fff;}

.message_box{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 999; display: none;}
.bai_box{ position: absolute; width: 55%; top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%; border-radius: 0.5rem; background: #fff; padding: 3.75rem 5%; color: #222;}
.box_close{ position: absolute; z-index: 2; right: 1.875rem; top: .625rem; cursor: pointer;}
.box_close i{ font-size: 3.75rem; color: #999;}
.box_close:hover i{ color: #d37122;}
.bai_box h4{ font-size: 3.125rem; text-align: center;}
.bai_box p{ font-size: 1.125rem; text-align: center; margin: 1.875rem 0;}
.bai_box .flex{ flex-wrap: wrap; justify-content: space-between;}
.inp{ position: relative; width: 100%; margin-bottom: 1.25rem;}
.inp label{ position: absolute; right: 1.25rem; top: 1.25rem; color: red;}
.inp_50{ width: 49%;}
.inp input, .inp select{ width: 100%; height: 3.75rem; background: #f4f4f4; border: none; border-radius: 0.5rem; padding: 0 1.25rem; outline: none; font-size: 1.125rem;}



.n_contact{ padding: 3.75rem 0;}
.n_contact .ny_biao strong:after{ background-image: linear-gradient(to bottom, rgba(240,241,245,0), rgba(240,241,245,1));}
.lx_box{ background: #f0f1f5; padding: 5.625rem 6.25rem; display: flex; align-items: center;}
.ewm_left{ width: 60%;}
.ewm_right{ width: 40%; display: flex; justify-content: flex-end;}
.ewm_right img{ width: 22.625rem;}

.ewm_left h4{ margin: 0; margin-bottom: 1.875rem; font-size: 1.125rem; color: #222;}
.ewm_left h4 i{ margin-right: 0.5rem; font-size: 1.5rem; color: #e47f2b; display: inline-block; vertical-align: middle;}
.ewm_left h4 strong{ display: block; font-size: 2.5rem; margin-top: 1rem; color: #444; font-family: 'MONTSERRAT-BOLD';}
.ewm_left ul{ display: flex;}
.ewm_left ul li{ margin-right: 1.875rem;}
.ewm_left ul li a img{ width: 3.75rem;}
.ewm_left ul li i{ width: 3.75rem;}

.lx_box2{ align-items: stretch; padding: 2.8125rem 3.125rem; margin-top: 3.125rem; flex-wrap: wrap;}
.lx_box2 p{ color: #222; width: 50%; padding: 2.8125rem 3.125rem; font-size: 1.125rem; line-height: 2; margin: 0;}
.lx_box2 p strong{ display: block;}
.lx_box2 p:not(:nth-child(2n)){ border-right: 1px dashed #dedede;}
.lx_box2 p:not(:nth-last-child(-n+2)){ border-bottom: 1px dashed #dedede;}

.lx_message{ color: #fff; background: url(../images/lx.jpg) center no-repeat; background-size: cover; padding: 6.25rem 0; margin-top: 5rem;}
.lx_message .flex{ flex-wrap: wrap;}
.lx_message h3{ font-size: 3.125rem; text-align: center;}
.lx_message .container>p{ font-size: 1.25rem; text-align: center; margin-top: 1.875rem; margin-bottom: 3.125rem;}
.lx_message .inp{ width: 24%;}
.lx_message .inp input{ background: rgba(255,255,255,0.85);}
.lx_message .inp:not(:nth-child(4n)){ margin-right: calc(4%/3);}
.lx_message textarea{ width: 100%; background: rgba(255,255,255,0.85); border: none; outline: none; padding: 1rem 1.25rem; margin-bottom: 1.875rem; border-radius: 0.5rem;}

.lx_button{ width: 50%;}
.lx_button button, .lx_button a{ min-width: 10rem; background-image: linear-gradient(to right, #e47f2b, #fcdb7e); font-size: 1.125rem; color: #fff; padding: .75rem 0;  text-align: center; border-radius: 1.875rem; display: inline-block; border: none;}
.lx_button a{ background: #fff; color: #d37122; margin-left: 1.875rem;}
.lx_message .flex p{ font-size: 1rem;}

.n_job{ padding: 6.25rem 0;}
.n_job .container{ display: flex;}
.job_left{ width: 24%;}
.job_left img{ width: 13.4375rem;}
.job_right{ width: 76%;}
.job_li{ margin-bottom: 2.5rem; background: #fff; padding: 3.125rem; border-radius: 0.5rem;}
.job_head{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.875rem; position: relative;}
.job_head:after{ content: ''; width: 4px; height: 100%; position: absolute; left: -3.125rem; top: 0; background-image: linear-gradient(to bottom, #e47f2b, #fcdb7e);}
.job_name{ font-size: 2rem; color: #222;}
.job_name span{ display: block; font-size: 18px; font-family: 'Arial'; text-transform: uppercase; margin-bottom: .625rem;}
.job_name span em{ color: #d37122; font-style: normal;}
.job_close{ width: 6.875rem; height: 3.125rem; display: flex; justify-content: center; cursor: pointer; align-items: center; color: #fff; font-size: 1.125rem; background-image: linear-gradient(to right, #e47f2b, #fcdb7e); border-radius: 1.5625rem;}
.job_close i{ margin-left: .5rem;}
.job_li .ty_content{ height: 5rem; overflow: hidden;}
.job_li.cur{ background-image: linear-gradient(to right, #e47f2b, #fcdb7e);}
.job_li.cur .ty_content{ height: auto; color: #fff;}
.job_li.cur .job_name{ color: #fff;}
.job_li.cur .job_name span em{ color: #fff;}
.job_li.cur .job_head:after{ background: #fff;}

.pro_zong{ padding: 5rem 0;}
.pro_zong .container.flex{ justify-content: space-between; align-items: stretch;}
.pro_zong .caption.active{ width: 32%;}
.pro_zong .caption{ width: 16%; background: #f1f2f8; position: relative; border-radius: 0.5rem; overflow: hidden; padding-bottom: 3.75rem; transition: all 0.5s ease-out;}
.show_num{position: absolute; right: 1rem; bottom: 1.875rem; z-index: 3; color: #333; font-family: 'MONTSERRAT-LIGHT'; font-size: 1.25rem;}
.pro_zong .caption:not(:last-child){ margin-right: calc(4%/4);}

.show_content{ width: 100%; height: 100%; padding: 0 1rem; display: flex; align-items: center; text-align: center; position: absolute; top: 0; left: 0; background: #f1f2f8; transition: all 0.5s ease-out; z-index: 2;}
.show_biao{ color: #333; font-size: 1.875rem;}
.show_biao p{ font-size: 1rem; line-height: 2; color: #666; margin: 0; text-align: left;}
.show_biao i{ font-size: 2.875rem; color: #e47f2b; line-height: 1; display: block; margin: 0 auto;}
.show_biao strong{ display: block; margin-bottom: 2.5rem; margin-top: .625rem;}

.hide_biao{ color: #fff; font-size: 1.875rem; height: 5.625rem; background-image: linear-gradient(to right, #e47f2b, #fcdb7e); display: flex; align-items: center; justify-content: center;}
.hide_biao i{ font-size: 2.5rem; margin-right: .625rem;}
.hide_biao a{ color: #fff;}
.pro_zong .caption.active .h_content{ padding: 0 1.875rem;}
.pro_zong .caption.active .show_content{ opacity: 0; pointer-events: none;}
.h_content{ max-height: 30.625rem; margin-top: 1rem; overflow: auto; padding: 0 1.25rem;}
.h_content h3{ color: #e47f2b; font-size: 1.5rem; }
.h_content h3:not(:first-child){ margin-top: 1.25rem;}
.h_content ul li a{ font-size: 1.125rem; color: #333; line-height: 1.6; transition: all 0.3s ease;}
.h_content ul li a:hover{ color: #e47f2b;}
.h_content ul li{ padding-left: 1.25rem; position: relative; margin: .3125rem 0;}
.h_content ul li:after{ content: ''; width: .375rem; height: 6px; border-radius: 50%; background: #e47f2b; position: absolute; left: 0; top: .6875rem;}

.h_content::-webkit-scrollbar {
  width: 4px;
}

.h_content::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background-color: #99a9bf;
}

.h_content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 5px;
  background-color: #d3dce6;
}

.sj_yingyong{ padding: 5rem 0;}
.sjyy_1 .container{display: flex;}
.flex_50{ width: 50%;}
.sjyy_1 h2{ font-size: 3.125rem; color: #d37122; margin-bottom: 30px; font-family: 'MONTSERRAT-BOLD'; margin-top: 1rem;}
.sjyy_1 .sj_left{ padding-right: 6%;}
.sjyy_1 p{ font-size: 1.125rem; color: #222; line-height: 2;}
.sjyy_1 .ty_more{ margin-top: 3.75rem;}

.sj_biao{ font-size: 3.125rem; color: #222; margin-bottom: 1.25rem; text-align: center;}
.sj_biao span{ display: block;  text-transform: uppercase; color: #474747; font-size: 1.125rem; font-family: 'MONTSERRAT-LIGHT';}

.sjyy_2{ margin: 5rem 0;}
.sjyy_2 ul{ display: flex; justify-content: center;}
.sjyy_2 ul li{ width: 32%; background: #fff; box-shadow: 0px 0 8px rgba(0,0,0,0.1); border-radius: .5rem; padding: 2.5rem 1.875rem;}
.sjyy_2 ul li:not(:last-child){ margin-right: calc(4%/2);}
.sjyy_2 ul li h3{  text-align: center; font-size: 1.5rem; margin-bottom: 1.25rem; font-weight: bold; margin-top: 1.25rem; transition: all 0.3s ease;}
.sjyy_2 ul li h3 span{ font-size: 1.5rem !important;}
.sjyy_2 ul li p{ color: #666; line-height: 2; font-size: 1.125rem;}
.sjyy_2 ul li p span{font-size: 1.125rem !important;}
.sjyy_2 ul li:hover h3{ color: #d37122;}

.sjyy_3{ padding-bottom: 1.875rem;}
.sjyy_3 .swiper{ padding: 0.5rem;}
.sjyy_3 .swiper .swiper-wrapper{ align-items: stretch;}
.sjyy_3 .swiper .swiper-wrapper .swiper-slide{ height: auto;}
.sjyy_3 .swiper .swiper-slide img{ display: block; margin: 0 auto; width: 7.1875rem;}
.sjyy_3 .swiper .swiper-slide{ background: #fff; box-shadow: 0px 0 8px rgba(0,0,0,0.1); border-radius: .5rem; padding: 3.75rem 1.875rem;}
.sjyy_3 .swiper .swiper-slide h3{ text-align: center; font-size: 1.5rem; margin-bottom: 1.25rem; font-weight: bold; margin-top: 1.25rem; transition: all 0.3s ease;}
.sjyy_3 .swiper .swiper-slide h3 span{ font-size: 1.5rem !important;}
.sjyy_3 .swiper .swiper-slide p{ color: #666; line-height: 2; font-size: 1.125rem; min-height: 6.5625rem;}
.sjyy_3 .swiper .swiper-slide p span{ font-size: 1.125rem !important;}
.sjyy_3 .swiper .swiper-slide:hover h3{ color: #d37122;}
.sjyy_fan{ display: flex; justify-content: center; margin-top: 1.875rem;}
.sjyy_fan .ico_prev, .sjyy_fan .ico_next{ position: static; transform: translateY(0); margin: 0 1rem;}

.sjyy_4{padding: 3.75rem 0; background: #f0f1f5;}
.xz_list{ display: flex; flex-wrap: wrap; margin-top: 1.875rem;}
.xz_li{ width: 49%; margin-bottom: 1.25rem;}
.xz_li:not(:nth-child(2n)){ margin-right: 2%;}
.xz_li a{ display: flex; padding: 1.25rem; background: #fff;}
.xz_img{ width: 16rem; overflow: hidden;}
.xz_img i{ padding-top: 62.5%; display: block; transition: all 0.3s ease-out;}
.xz_text{ padding-left: 1.25rem; color: #333; width: calc(100% - 16rem - 1.25rem);}
.xz_text h4{ margin: 1rem 0; font-weight: bold;}
.xz_text p, .xz_text h4{ font-size: 1.125rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xz_text h5 i{ transition: all 0.3s ease; font-size: 18px;}
.xz_li:hover .xz_text h5 i{ color: #d37122;}
.xz_li:hover .xz_text h4{ color: #d37122;}
.xz_li:hover .xz_img i{ transform: scale(1.1);}

.sjyy_5{ padding: 3.75rem 0;}
.sy_li{ margin-top: 3.75rem; align-items: center; display: flex; background: #fff; box-shadow: 0px 0px 8px rgba(0,0,0,0.1);}
.sy_li img{ width: 50%;}
.sy_text{ padding: 0 5%; width: 50%;}
.sy_text h3{ font-size: 1.875rem; color: #222; margin-bottom: 2.5rem;}
.sy_text h3 span{ font-size: 1.875rem !important;}
.sy_text ul li{ font-size: 1.125rem; color: #555; line-height: 1.8; margin-bottom: 1rem; padding-left: 1.875rem; position: relative;}
.sy_text ul li span{ font-size: 1.125rem !important;}
.sy_text ul li:after{ content: ''; width: 1.125rem; height: 1.1875rem; position: absolute; left: 0; top: 0.5rem; background: url(../images/d2.png); background-size: cover;}

.sjyy_6 ul{ display: flex; margin-top: 1.875rem;}
.sjyy_6 ul li{ width: 24%; position: relative; margin-bottom: 1rem; border-radius: .5rem; overflow: hidden;}
.sjyy_6 ul li a{ padding-top: 62.5%; display: block; transition: all 0.5s ease-out;}
.sjyy_6 ul li span{ position: absolute; bottom: 1rem; left: 1rem; z-index: 2; color: #fff; font-size: 1.5rem; pointer-events: none;}
.sjyy_6 ul li:not(:nth-child(4n)){ margin-right: calc(4%/3);}
.sjyy_6 ul li:hover a{ transform: scale(1.1);}

.ny_sjyy{ padding: 5rem 0;}
.sjyy_list{ display: flex; flex-wrap: wrap;}
.sjyy_li{ width: 23%; height: 26.25rem; border-radius: .5rem; overflow: hidden; margin-bottom: 3.125rem;}
.sjyy_li:not(:nth-child(4n)){ margin-right: calc(8%/3);}
.sjyy_img{ position: absolute; bottom: 0; left: 0; width: 100%; height: 50%;}
.sjyy_img i{ display: block; height: 100%; transition: all 0.3s ease;}
.sjyy_text{ height: 50%; overflow: hidden; position: relative; z-index: 3; padding: 1.875rem; background: #f1f2f8; transition: all 0.3s ease;}
.sjyy_text h4{ margin-bottom: 1.25rem; margin-top: 1rem; font-family: 'MONTSERRAT-BOLD';}
.sjyy_text p{ font-size: 1rem; line-height: 2;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.sjyy_text h5{ margin-top: 2.5rem; opacity: 0;}
.sjyy_text h5 span{ min-width: 10rem; background:#fff; font-size: 1.125rem; color: #d37122; padding: .75rem 0;  text-align: center; border-radius: 1.875rem; display: inline-block;}
.sjyy_li a{ display: block; height: 100%; color: #474747; position: relative; }
.sjyy_li:hover a{ color: #fff;}
.sjyy_li:hover .sjyy_text{ background-image: linear-gradient(to right, #e47f2b, #fcdb7e); height: 100%;}
.sjyy_li:hover .sjyy_text p{-webkit-line-clamp: 5;}
.sjyy_li:hover .sjyy_text h5{ opacity: 1;}

.sjyy_li:nth-child(2n-1) .sjyy_img{ top: 0; bottom: auto;}
.sjyy_li:nth-child(2n-1) .sjyy_text{ transform: translateY(100%);}
.sjyy_li:nth-child(2n-1):hover .sjyy_text{ transform: translateY(0);}

.n_case{ padding: 3.75rem 0;}
.n_case .ny_biao{ margin-bottom: 2.5rem;}
.ny_biao p{ font-size: 1.125rem; text-align: center;}

.case_list{ display: flex; flex-wrap: wrap;}
.case_li{ margin-bottom: 2.5rem; width: 24%;}
.case_li:not(:nth-child(4n)){ margin-right: calc(4%/3);}
.case_li a{ display: block; border-radius: .5rem; overflow: hidden; box-shadow: 0px 0px 8px rgba(0,0,0,0.2);}
.case_li .case_img { position: relative;}
.case_li .case_img i{ display: inline-block; padding: .375rem 0; width: 11.25rem; text-align: center; color: #d37122; text-transform: uppercase; font-family: 'MONTSERRAT-BOLD'; position: absolute; right: -2.5rem; top: 1.875rem; box-shadow: 0 0px 6px rgba(0,0,0,0.2); font-style: normal; background: #fff; transform: rotate(45deg);}


.n_service{ display: flex; justify-content: space-between; margin: 3.75rem 3.125rem;}
.ser_left{ width: 28%; background: #f1f2f8; padding: 3.125rem 0;}
.ser_right{ width: 68%; background: #f1f2f8; padding: 5%;}
.ser_right h3{ margin-bottom: 1rem; text-align: center;}
.ser_right h3 span{ font-size: 2.5rem; color: #222; display: block;}
.ser_right h3 i{ font-size: 1.125rem; color: #666; font-style: normal;font-family: 'MONTSERRAT-LIGHT'; text-transform: uppercase;}
.ser_left h2{ padding: 0 15%; font-size: 3.125rem; color: #222; margin-bottom: 3.125rem;}
.ser_left h2 strong{ font-size: 1.375rem; color: #454545; display: block; margin-bottom: 1rem; font-style: italic;}
.ser_left ul li a{ padding: 1.5rem 15%; display: block; font-size: 1.25rem; color: #333; position: relative;}
.ser_left ul li.active a{ font-weight: bold; background-image: linear-gradient(to right, #e47f2b, #fcdb7e); color: #fff;}
.ser_right .ty_content p{ font-size: 1.125rem;}
.ser_left ul li:hover a{ color: #d37122;}
.ser_left ul li.active:hover{ color: #fff;}

.nc_head, .nc_body, .case_hot{margin: 0 3.125rem;}
.nc_head{ display: flex; justify-content: space-between;}
.nc_left{ width: 45%;}
.nc_right{ width: 55%;}
.nc_right p{ font-size: 1.125rem; line-height: 2.4;}
.nc_left img{ max-width: 50%; display: block;}
.nc_left h3{ color: #222; font-size: 2.5rem; margin: 1.875rem 0;}
.nc_left h5 i{ width: 3.75rem; height: 3.75rem; border-radius: 50%; background-image: linear-gradient(to right, #e47f2b, #fcdb7e); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: #fff;}

.nc_content{ border-radius: .5rem; overflow: hidden; background: #f4f4f4; margin-top: 3.75rem;}
.nc_title{ padding: .5rem 0; color: #fff; font-size: 1.875rem; background-image: linear-gradient(to right, #e47f2b, #fcdb7e); text-align: center;}
.nc_content .ty_content{ padding: 2.5rem 5%; font-size: 1.125rem;}
.nc_content .ty_content ul li{ position: relative; padding-left: 1.625rem; margin: .625rem 0;}
.nc_content .ty_content ul li:after{ content: ''; width: .375rem; height: .375rem; background: #d37122; position: absolute; left: 0; top: 1rem;}

.hot_head{ margin-bottom: 1.875rem; display: flex; justify-content: space-between; align-items: flex-end;}

.fangan_1{ background: url(../images/lang.jpg) left bottom no-repeat; background-size: contain; margin: 5rem 0;}
.fangan_1 .fa_left h2{ margin: 0; font-size: 3.125rem; color: #d37122; line-height: 2; margin-bottom: 3.75rem; font-weight: bold;}
.fa_left h2 strong{ font-size: 1.5rem; text-transform: uppercase;font-family: 'MONTSERRAT-BOLD'; display: block; line-height: 1;}
.fangan_1 .fa_left h2 span{ font-size: 1.125rem; color: #555; text-transform: uppercase;font-family: 'MONTSERRAT-LIGHT'; display: block; font-weight: normal;}
.fangan_1 .fa_left h5 i{ width: 3.75rem; height: 3.75rem; border-radius: 50%; background-image: linear-gradient(to right, #e47f2b, #fcdb7e); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: #fff;}

.fa_tedian{ position: relative; padding: 5rem 0; background-image: linear-gradient(to right, #e47f2b, #fcdb7e);}
.fa_tedian .container{ display: flex;}
.fa_tedian:after{ position: absolute; top: -.5rem; left: 0; background: #f1f2f8; content: ''; z-index: -1;}
.fa_biao.bai{ color: #fff;}
.fa_biao.bai span{ color: #fff;}
.fa_biao{ line-height: 1; font-size: 3.125rem; color: #222; margin-bottom: 1.875rem;}
.fa_biao span{ font-size: 1.125rem; text-transform: uppercase; color: #666; text-transform: uppercase;font-family: 'MONTSERRAT-LIGHT'; margin-top: 1rem; display: block;}
.fa_tedian .fa_biao span{ margin-top: 2rem;}
.fa_tedian ul{ margin-left: 8%; padding-left: 5%; border-left: 1px solid rgba(255,255,255,0.3); color: #fff;}
.fa_tedian ul li{ margin: 1rem; position: relative; padding-left: 2.5rem; font-size: 1.125rem;}
.fa_tedian ul li:after{ content: ''; width: 1.25rem; height: 1.25rem; border-radius: 50%; border: 1px solid #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.fa_tedian ul li:before{ content: ''; width: 1.25rem; height: 1.25rem; border-radius: 50%; border: 1px solid #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%) scale(0.6);}

.hytz, .hyzt{ padding: 3.75rem 0;}
.hytz{ padding-top: 5.625rem;}
.hytz ul{ display: flex; justify-content: space-between; text-align: left;}
.hytz ul li{ width: 23.6%; background: #f0f1f5; padding: 2.5rem; color: #666; font-size: 1.125rem; border-radius: .5rem;}
.hytz ul li img{ width: 4.125rem;}
.hytz ul li strong{ color: #e47f2b; font-size: 1.5rem; display: block; margin: .625rem 0; text-align: center;}

.hyzt img{ max-width: 100%; margin: 0 auto; display: block;}

.yycj{ background: #eaecf3; padding: 8rem 0;}
.yycj .fa_biao{ margin-bottom: 4rem;}
.yycj ul{ display: flex; margin-bottom: 3rem;}
.yycj ul li{ width: 16.66%;}
.yycj ul li a{ display: block; padding: .5rem 0; text-align: center; color: #333; font-size: 1.5rem; border-radius: .5rem;}
.yycj ul li.active a{ background: #e47f2b; color: #fff;}

.yycj .tab-pane{ position: relative;}
.yycj .swiper a{ display: block; padding-top: 51%; position: relative; background: #fff; border-radius: .5rem;}
.yycj .swiper a img{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-width: 90%; max-height: 90%;}
.yycj .swiper p{ margin: 0; margin-top: .5rem; font-size: 1.25rem; color: #666;  text-transform: uppercase; text-align: center;}

.yycp{ padding: 8rem 0; overflow: hidden;}
.yycp .container{ display: flex;}
.yycp_left{ width: 20%; position: relative;}
.yycp_fan{ position: absolute; bottom: 0; left: 0; display: flex;}
.yycp_right{ width: calc(80% + 11.875rem); margin-right: -11.875rem;}
.yycp_fan .ico_prev, .yycp_fan .ico_next{ position: static; transform: translateY(0); margin-right: 2rem;}
.yycp_right .swiper .swiper-slide{ width: 50%;}
.yycp_img{ overflow: hidden;}
.yycp_img i{ display: block; transition: all 0.3s ease; padding-top: 51%;}
.yycp_right .swiper .swiper-slide:hover .yycp_img i{ transform: scale(1.1);}
.yycp_right .swiper .swiper-slide span{ display: block; font-size: 1.875rem; color: #333; transition: all 0.3s ease; text-align: center; margin-top: 1.25rem; font-weight: bold;}
.yycp_right .swiper .swiper-slide:hover span{ color: #d37122;}

.jzsy{ padding: 5rem 0;}


/* 新思诺服务 */
.s_lingyu{ padding: 6.25rem 0; background: url(../images/hy_9.jpg) center bottom no-repeat; background-size: cover; overflow: hidden;}
.s_lingyu .fa_biao{ color: #fff;}
.s_lingyu .fa_biao span{ color: #fff;}
.s_yuan{ width: 35%; margin: 0 auto; position: relative;}
.y_fang{ height: 100%; width: 50%; overflow: hidden; position: absolute; left: 50%; top: 0; z-index: 2; transform: rotate(45deg); transform-origin: left center; transition: transform 1s linear; pointer-events: none;}
.n_yuan{ width: 100%; height: 100%; position: absolute; right: 100%; top: 0; overflow: hidden; transform: rotate(0); transform-origin: right center; pointer-events: none;}
.n_yuan:after{ content: ''; width: calc(200% - 1.25rem); height: calc(100% - 1.25rem); border-radius: 50%; border: .375rem solid #ff9b4f; position: absolute; left:.625rem; top: .625rem; box-shadow: 0 0 .375rem .1875rem rgb(255,93,83,0.5) inset,0 0 .375rem 0.1875rem rgb(255,93,83,0.5);}
.s_yuan ul{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3;}
.s_yuan ul li{ width: .5rem; height: .5rem; border-radius: 50%; background: #fff; position: absolute; cursor: pointer;}
.s_yuan ul li span{ display: block; position: absolute; color: #fff; font-size: 1.5rem; white-space: nowrap; font-weight: bold;}
.s_yuan ul li:nth-child(1) span{ top: 50%; left: 100%; padding-left: 3rem; transform: translateY(-50%);}
.s_yuan ul li:nth-child(2) span{ top: 50%; left: 100%; padding-left: 3rem; transform: translateY(-50%);}
.s_yuan ul li:nth-child(3) span{ top: 50%; right: 100%; padding-right: 3rem; transform: translateY(-50%);}
.s_yuan ul li:nth-child(4) span{ top: 50%; right: 100%; padding-right: 3rem; transform: translateY(-50%);}

.s_yuan ul li:nth-child(1){ top: calc(15% + .4rem); left: calc(85% - .5rem); transform: translateX(-50%) translateY(-50%);}
.s_yuan ul li:nth-child(2){ top: calc(85% - .4rem); left: calc(85% - .5rem); transform: translateX(-50%) translateY(-50%);}
.s_yuan ul li:nth-child(3){ top: calc(85% - .4rem); left: calc(15% + .5rem); transform: translateX(-50%) translateY(-50%);}
.s_yuan ul li:nth-child(4){ top: calc(15% + .4rem); left: calc(15% + .5rem); transform: translateX(-50%) translateY(-50%);}
.s_yuan ul li:after{ content: ''; width: calc(100% + 1.25rem); height: calc(100% + 1.25rem); border-radius: 50%; display: block; border: 1px solid #fff; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) scale(0.7); opacity: 0; transition: all 0.3s;}
.s_yuan ul li.active:after{ opacity: 1; border-color: #e47f2b; transform: translateX(-50%) translateY(-50%) scale(1);}
.s_yuan ul li.active span{color: #e47f2b;}
.s_yuan ul li.active{ background: #e47f2b;}

.s_yuan .mySwiper{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.s_yuan .mySwiper .swiper-slide{ position: relative;}
.lingyu_text{ width: 78%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; text-align: center; color: #fff; z-index: 4;}
.lingyu_text h3{ margin: 0; margin-bottom: 1.875rem; font-size: 1.875rem;}
.lingyu_text h3 i{ display: block; margin: 0 auto; font-size: 3.75rem; margin-bottom: 1.25rem;}
.lingyu_text p{ font-size: 1.125rem; line-height: 1.8; display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;}
.bg_yuan{ position: relative; z-index: 2;}
.bg_yuan:after, .bg_yuan:before{ content: ''; width: 120%; height: 120%; background: url(../images/quan2.png) center no-repeat; background-size: cover; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: -1;}
.bg_yuan:before{ width: 150%; height: 150%; background: url(../images/quan1.png) center no-repeat; background-size: cover; }
/* 新思诺服务 */









#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: 50rem; 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: 1rem; font-weight: bold; position: relative; color: #333; padding-left: 0; padding-right: 0; }

#myModalLabel { font-size: 1rem; font-weight: bold; line-height: 1rem; }

#videModal .modal_bai .modal-header .close { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); width: 2.5rem; height: 2.5rem; line-height: 2.5rem; cursor: pointer; text-align: center; font-size: 1.125rem; color: #333; opacity: 1; padding: 0; margin: 0; }

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

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

#videModal .modal_bai .modal-body iframe { width: 100%; min-height: 32rem; }





/* 通用css */
.fanye{ text-align:center; display: flex; justify-content: center; margin-top: 1.875rem;}
.fanye a{ width: 3.5rem; height: 3.5rem; background:#fff; color:#666; text-decoration:none; display: flex; align-items: center; justify-content: center; border-radius: .375rem; margin: 0 .625rem; font-size: 1.125rem;}
.fanye a:first-child, .fanye a:last-child{ background: none;}
.fanye a:hover{ color:#d37122;}
.fanye a.active{ background-image: linear-gradient(to right, #e47f2b, #fcdb7e); color:#fff;}
.fanye a.active:hover{ color:#fff;}
.fanye a.cur{ color:#999; border:1px solid #eee; pointer-events: none}
.fanye a.disabled{ border: none; pointer-events: none;}


.fanye02{ margin-top: 1.875rem; border-top: 1px dashed #ccc; padding-top: 2.5rem; display: flex; justify-content: space-between;}
.fanye02 a{ font-size: 1rem; width: 48%; color: #666; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s;}
.fanye02 a:hover{ color: #bc0206;}
.fanye02 a:last-child{ text-align: right;}
.fanye02 a span{ display: block; width: calc(100% - 3.75rem); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fanye02 a i{ width: 2.875rem; height: 2.875rem; border-radius: 50%; background: #eeeeee; color: #d37122; display: flex; align-items: center; justify-content: center; font-size: 1.5rem;}

.ty_content{ font-size: 1rem; line-height: 2; color: #474747; text-align: justify;}
.ty_content img{ max-width: 100%; height: auto !important;}

.ty_content table{ text-align: center; 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;}

.ty_content iframe{ width: 100%; height: 36rem; margin-bottom: 1.875rem;}



#container{ width: 100%; height: 75rem; margin-top: -15rem; pointer-events: none;}

.my-map { margin: 0 auto; width: 100%; height: 36.25rem; }
.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; }


.s_more a:hover div{
  animation: b12_3d_glitch 0.3s linear;
  -webkit-animation: b12_3d_glitch 0.3s linear;
  -moz-animation: b12_3d_glitch 0.3s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAF0lEQVQIW2NkwAIYgWKS6OIgQQxAoUoAE4AAUnD/0ugAAAAASUVORK5CYII=) repeat;
}


@-webkit-keyframes b12_3d_glitch {
  from {
      transform: skewX(0deg);
      -webkit-transform: skewX(0deg);
      -moz-transform: skewX(0deg);
      color: #000000;
  }
  25.00% {
      transform: skewX(80deg);
      -webkit-transform: skewX(80deg);
      -moz-transform: skewX(80deg);
      color: #000000;
  }
  75.00% {
      transform: skewX(-20deg);
      -webkit-transform: skewX(-20deg);
      -moz-transform: skewX(-20deg);
      color: #ffffff;
  }
  90.00% {
      transform: skewX(0deg);
      -webkit-transform: skewX(0deg);
      -moz-transform: skewX(0deg);
      color: #ffffff;
  }
  to {
      transform: skewX(0deg);
      -webkit-transform: skewX(0deg);
      -moz-transform: skewX(0deg);
      color: #ffffff;
  }
}


@-moz-keyframes b12_3d_glitch {
  from {
      transform: skewX(0deg);
      -webkit-transform: skewX(0deg);
      -moz-transform: skewX(0deg);
      color: #000000;
  }
  25.00% {
      transform: skewX(80deg);
      -webkit-transform: skewX(80deg);
      -moz-transform: skewX(80deg);
      color: #000000;
  }
  75.00% {
      transform: skewX(-20deg);
      -webkit-transform: skewX(-20deg);
      -moz-transform: skewX(-20deg);
      color: #ffffff;
  }
  90.00% {
      transform: skewX(0deg);
      -webkit-transform: skewX(0deg);
      -moz-transform: skewX(0deg);
      color: #ffffff;
  }
  to {
      transform: skewX(0deg);
      -webkit-transform: skewX(0deg);
      -moz-transform: skewX(0deg);
      color: #ffffff;
  }
}



@media (max-width:767px){
  .fudong{ display: none;}
  .head_more{ margin-left: 0;}
  .pc_nav{ display: none;}
  .pc_nav.active{ display: block;}
  .pc_nav{ position: absolute; top: 100%; left: -15px; width: calc(100% + 30px); background: #d37122;}
  .pc_nav>ul{ display: block; padding: 0 15px;}
  .pc_nav>ul>li{ width: 100%; padding: 0;}
  .erji{ display: none;}
  header.cur .pc_nav>ul>li>a{ color: #fff; text-align: center; font-size: 1.5rem; line-height: 5rem;}
  header.cur .pc_nav>ul>li.active>a{ color: #fff;}
  header.cur .pc_nav>ul>li>a:after{ background: #fff;}
  .menu-link{ display: block;}
  header.cur .menu-link.active span i{ background: transparent;}
  header.cur .menu-link span i, header.cur .menu-link span:after, header.cur .menu-link span:before{ background: #d37122;}
  
  .head_tel{ display: none;}
  .s_banner{ height: 0; overflow: hidden; opacity: 0; pointer-events: none; position: fixed; top: 0; left: 0;}
  .s_banner.s_banner_xs{
    opacity: 1;
    pointer-events: auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
  }
  .s_banner.s_banner_xs.active{ opacity: 0;}
  /* .s_banner02{ position: relative; top: auto; left: auto;}
  .s_banner02{ height: 60vh;} */
  /* .d_logo_bg, .d_logo, .d_bg{ opacity: 1;} */
  /* .d_logo_bg img{ opacity: 1;} */
  /* .d_logo{ bottom: 12%;}
  .d_svg{ transform: scale(11); display: none;}
  .d_logo_bg{ width: 18.75rem; height: 21.75rem;}
  .d_logo img{ height: 5.25rem;}
  .d_bg{ width: 90%;} */
  .d_svg{ transform: scale(12);}
  .d_logo img{ height: 4.375rem;}
  .d_logo p{ font-size: 1.75rem;}
  .d_logo_bg{width: 16.25rem; height: 16.25rem; top:50%;}
  .s_product{ margin-top: 180vh; position: relative; z-index: 3;}
  .s_product ul{ display: block; scroll-snap-type: X mandatory; overflow: scroll; width: calc(100% + 15px); white-space: nowrap;}
  .s_product ul li{ width: 70%; display: inline-block; height: 28rem; scroll-snap-align: start;}
  .s_product ul li .caption, .s_product ul li.active .caption{ margin-top: 5rem;}
  .s_product ul li.active{ width: 70%;}
  .s_product ul li .caption p{ opacity: 1; white-space: initial;}
  .sl_biao{ position: static; margin-bottom: 2rem; text-align: center;}
  .sl_biao span{ color: #333; padding-bottom: 2rem;}
  .sl_biao span:after{background: #999; right: 0; margin: 0 auto;}
  .sl_text{ width: 100%;}
  .sl_text h3{ font-size: 1.5rem; margin-bottom: 1.25rem;}
  .s_solution{ height: auto;}
  .s_solution .mySwiper1{ height: 60vh;}
  .s_biao h2, .sl_biao span{ font-size: 2.25rem; line-height: 1.6;}
  .ty_more a{ padding: .75rem 1.875rem;}
  .sfw_left, .sfw_right{ width: 100%;}
  .s_fuwu .container{ flex-wrap: wrap;}
  .sfw_right{ margin-top: 1.25rem;}
  .sfw_li{ width: 100%; margin-bottom: .625rem;}
  .sfw_li a{ padding-top: 55%;}
  .sfw_li:nth-child(2n+1){ margin-top: 0;}
  .sfw_li:not(:nth-child(2n)){ margin-right: 0;}
  .s_case .s_biao:after{ height: 3rem; width: 21rem;}
  .s_case .s_biao{ padding-top: 2rem;}
  .s_case{ margin-top: 0;}
  .new_list{ flex-wrap: wrap;}
  .new_li{ width: 100%;}
  .new_li:not(:nth-child(3n)){ margin-right: 0;}
  .s_new .s_biao{ display: flex; align-items: center; justify-content: space-between;}
  .s_new ul{ position: static; transform: translateX(0);}
  .s_new ul li a{ font-size: 1.5rem;}
  .ico_prev{ left: 20px; z-index: 2;}
  .ico_next{ right: 20px; z-index: 2;}
  footer{ padding: 4rem 0;}
  .foot_right{ display: none;}
  .foot_left{ width: 100%;}
  .ft_logo img{ height: 3rem;}

  .n_banner{ height: 36vh;}
  .ban_biao i{ font-size: 3rem;}
  .ban_biao h1{ font-size: 2.25rem;}
  .wz_left{display: none;}
  .weizhi .flex{ padding: 0;}
  .wz_right{ scroll-snap-type: X mandatory; overflow: scroll; width: 100%; white-space: nowrap; padding: 1.875rem 0;}
  .ny_biao strong{ font-size: 3.2rem;}
  .ny_biao span{ font-size: 2.25rem;}
  .wz_right a{ font-size: 1.5rem;}
  .pro_zong .container{ flex-wrap: wrap;}
  .pro_zong .caption:not(:last-child){ margin-right: 0;}
  .pro_zong .caption, .pro_zong .caption.active{ width: 100%;}
  .show_content{ display: none;}
  .hide_content{ display: block;}
  .case_li:not(:nth-child(4n)){ margin-right: 0;}
  .case_li{ width: 100%;}
  .nc_left, .nc_right{ width: 100%;}
  .nc_head, .nc_body, .case_hot{ margin: 0; flex-wrap: wrap;}
  .nc_left h3{ font-size: 2.25rem;}
  ul.ny_nav li{ margin: 0 .5rem; margin-bottom: .625rem;}
  ul.ny_nav li a{ padding: 0 1.875rem;}
  .down_li{ width: 100%;}
  .down_li a{ flex: 0 0 8.75rem; padding: 0;}
  .job_left img{ width: 6.6rem;}
  .job_li{ padding: 1.875rem;}
  .job_head:after{ left: -1.875rem;}
  .job_name{ font-size: 1.875rem;}
  .job_li .ty_content{ height: 3rem;}
  .lx_box{ padding: 1.875rem; flex-wrap: wrap;}
  .ewm_left, .ewm_right{ width: 100%;}
  .ewm_left h4 i{ font-size: 1.875rem;}
  .ewm_left h4{ font-size: 1.5rem; line-height: 1.6;}
  .ewm_right{ justify-content: center; margin-top: 1.25rem;}
  .lx_box2 p{ padding: 1.875rem; font-size: 1.5rem; width: 100%;}
  .lx_box2 p:not(:nth-child(2n)){ border-right: none;}
  .lx_box2 p:nth-last-child(-n+2){ border-bottom: 1px solid #dedede;}
  .lx_message .inp{ width: 48%;}
  .lx_message .inp:not(:nth-child(4n)){ margin-right: 0;}
  .lx_message .inp:not(:nth-child(2n)){ margin-right: 4%/2;}
  .lx_button{ width: 100%; margin-bottom: 1.25rem;}
  .nnew_content{ padding: 0;}
  .nnew_right{ display: none;}
  .nab_morr_img img{ max-width: 100%;}
  .n_about_more ul li strong{ font-size: 3rem;}
  .fanye02 a{ width: 100%; margin-bottom: 1.25rem;}
  .n_wenhua .caption{ margin-bottom: 1.25rem;}
  .n_licheng .s_biao{ padding-top: 2rem;}
  .n_licheng .s_biao:after{ height: 3rem; width: 21rem;}
  .nlc_text{ padding: 1.875rem;}
  .honor_li{ width: 48%;}
  .honor_li:not(:nth-child(4n)){ margin-right: 0;}
  .honor_li:not(:nth-child(2n)){ margin-right: calc(4%/2);}
  .flex_50{ width: 100%;}
  .sjyy_1 .sj_left{ padding-right: 0; margin-bottom: 1.25rem;}
  .sjyy_1 h2{ margin-bottom: 1.25rem; font-size: 2rem;}
  .sjyy_1 p{ font-size: 1.5rem;}
  .sj_biao{ font-size: 2.25rem;}
  .sjyy_2 ul li{ width: 100%;}
  .sjyy_2 ul li:not(:last-child){ margin-right: 0;}
  .xz_li:not(:nth-child(2n)){ margin-right: 0;}
  .sy_text h3{ margin-bottom: 1.25rem; margin-top: .625rem;}
  .sjyy_6 ul li{ width: 49%;}
  .sjyy_6 ul li:not(:nth-child(4n)){ margin-right: 0;}
  .sjyy_6 ul li:not(:nth-child(2n)){ margin-right: 2%;}
  .sjyy_li:not(:nth-child(4n)){ margin-right: 0;}
  .sjyy_li{ height: 30rem;}
  .n_service{ margin: 0;}
  .ser_left ul{ display: flex; flex-wrap: wrap;}
  .ser_left ul li{ width: 33.33%;}
  .ser_left h2{ padding-left: 1.25rem; font-size: 2.25rem;}
  .fa_left h5{ display: none;}
  .fangan_1 .fa_left h2, .fa_biao{ font-size: 2.25rem;}
  .fa_tedian ul{ margin-left: 0;}
  .hytz ul li{ width: 50%; margin-bottom: 1px;}
  .yycj ul li{ width: 33.33%;}
  .yycp_left{ width: 40%;}
  .yycp_right{ width: 60%; margin: 0;}
  .s_yuan{ width: 70%;}
  .s_yuan ul li span{ white-space: normal; width: 8rem;}
  .sy_text{ padding: 1.25rem;}
  .xz_text{ padding-left: 0;}
  .s_3d{ padding: 5rem 15px;}

  .nnew_left,
  .nab_left,
  .nab_right,
  .nab_morr_img,
  .n_about_more ul,
  .n_wenhua .caption,
  .sy_li img,
  .xz_li,
  .sy_text,
  .sjyy_li,
  .ser_left,
  .ser_right,
  .xz_img,
  .xz_text{ width: 100%;}

  .fanye02,
  .n_about .container.flex,
  .n_about_more .container.flex,
  .n_wenhua .container.flex,
  .sjyy_1 .container,
  .sjyy_2 ul,
  .sy_li,
  .sjyy_6 ul,
  .n_service,
  .fangan_1>.container.flex,
  .hytz ul,
  .yycj ul,
  .xz_li a{ flex-wrap: wrap;}
  
  .ty_content,
  .nnew_left>h5 span,
  .nnew_black a,
  .fanye02 a,
  .nab_right .ty_content{ font-size: 1.5rem;}

  
  #videModal .modal_bai { width: calc(100% - 30px); }
  #videModal .modal_bai .modal-body iframe { min-height: 16.25rem; } 
}

@media (min-width:768px) and (max-width:991px) {
  .fudong{ display: none;}
  .head_more{ margin-left: 0;}
  .pc_nav{ display: none;}
  .pc_nav.active{ display: block;}
  .pc_nav{ position: absolute; top: 100%; left: -15px; width: calc(100% + 30px); background: #d37122;}
  .pc_nav>ul{ display: block; padding: 0 15px;}
  .pc_nav>ul>li{ width: 100%; padding: 0;}
  .erji{ display: none;}
  header.cur .pc_nav>ul>li>a{ color: #fff; text-align: center; font-size: 1.5rem; line-height: 5rem;}
  header.cur .pc_nav>ul>li.active>a{ color: #fff;}
  header.cur .pc_nav>ul>li>a:after{ background: #fff;}
  .menu-link{ display: block;}
  header.cur .menu-link.active span i{ background: transparent;}
  header.cur .menu-link span i, header.cur .menu-link span:after, header.cur .menu-link span:before{ background: #d37122;}
    
  .head_tel{ display: none;}
  .s_banner{ height: 0; overflow: hidden; opacity: 0; pointer-events: none; position: fixed; top: 0; left: 0;}
  .s_banner.s_banner_xs{
    opacity: 1;
    pointer-events: auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
  }
  .s_banner.s_banner_xs.active{ opacity: 0;}
  /* .s_banner02{ position: relative; top: auto; left: auto;}
  .s_banner02{ height: 60vh;} */
  /* .d_logo_bg, .d_logo, .d_bg{ opacity: 1;} */
  /* .d_logo_bg img{ opacity: 1;} */
  /* .d_logo{ bottom: 12%;}
  .d_svg{ transform: scale(11); display: none;}
  .d_logo_bg{ width: 18.75rem; height: 21.75rem;}
  .d_logo img{ height: 5.25rem;}
  .d_bg{ width: 90%;} */
  .d_svg{ transform: scale(12);}
  .d_logo img{ height: 4.375rem;}
  .d_logo p{ font-size: 1.75rem;}
  .d_logo_bg{width: 16.25rem; height: 16.25rem; top:50%;}
  .s_product{ margin-top: 180vh; position: relative; z-index: 3;}
  .s_product ul{ display: block; scroll-snap-type: X mandatory; overflow: scroll; width: calc(100% + 15px); white-space: nowrap;}
  .s_product ul li{ width: 70%; display: inline-block; height: 28rem; scroll-snap-align: start;}
  .s_product ul li .caption, .s_product ul li.active .caption{ margin-top: 5rem;}
  .s_product ul li.active{ width: 70%;}
  .s_product ul li .caption p{ opacity: 1; white-space: initial;}
  .sl_biao{ position: static; margin-bottom: 2rem; text-align: center;}
  .sl_biao span{ color: #333; padding-bottom: 2rem;}
  .sl_biao span:after{background: #999; right: 0; margin: 0 auto;}
  .sl_text{ width: 100%;}
  .sl_text h3{ font-size: 1.5rem; margin-bottom: 1.25rem;}
  .s_solution{ height: auto;}
  .s_solution .mySwiper1{ height: 60vh;}
  .s_biao h2, .sl_biao span{ font-size: 2.25rem; line-height: 1.6;}
  .ty_more a{ padding: .75rem 1.875rem;}
  .sfw_left, .sfw_right{ width: 100%;}
  .s_fuwu .container{ flex-wrap: wrap;}
  .sfw_right{ margin-top: 1.25rem;}
  .sfw_li{ width: 100%; margin-bottom: .625rem;}
  .sfw_li a{ padding-top: 55%;}
  .sfw_li:nth-child(2n+1){ margin-top: 0;}
  .sfw_li:not(:nth-child(2n)){ margin-right: 0;}
  .s_case .s_biao:after{ height: 3rem; width: 21rem;}
  .s_case .s_biao{ padding-top: 2rem;}
  .s_case{ margin-top: 0;}
  .new_list{ flex-wrap: wrap;}
  .new_li{ width: 100%;}
  .new_li:not(:nth-child(3n)){ margin-right: 0;}
  .s_new .s_biao{ display: flex; align-items: center; justify-content: space-between;}
  .s_new ul{ position: static; transform: translateX(0);}
  .s_new ul li a{ font-size: 1.5rem;}
  .ico_prev{ left: 20px; z-index: 2;}
  .ico_next{ right: 20px; z-index: 2;}
  footer{ padding: 4rem 0;}
  .foot_right{ display: none;}
  .foot_left{ width: 100%;}
  .ft_logo img{ height: 3rem;}

  .n_banner{ height: 36vh;}
  .ban_biao i{ font-size: 3rem;}
  .ban_biao h1{ font-size: 2.25rem;}
  .wz_left{display: none;}
  .weizhi .flex{ padding: 0;}
  .wz_right{ scroll-snap-type: X mandatory; overflow: scroll; width: 100%; white-space: nowrap; padding: 1.875rem 0;}
  .ny_biao strong{ font-size: 3.2rem;}
  .ny_biao span{ font-size: 2.25rem;}
  .wz_right a{ font-size: 1.5rem;}
  .pro_zong .container{ flex-wrap: wrap;}
  .pro_zong .caption:not(:last-child){ margin-right: 0;}
  .pro_zong .caption, .pro_zong .caption.active{ width: 100%;}
  .show_content{ display: none;}
  .hide_content{ display: block;}
  .case_li:not(:nth-child(4n)){ margin-right: 0;}
  .case_li{ width: 100%;}
  .nc_left, .nc_right{ width: 100%;}
  .nc_head, .nc_body, .case_hot{ margin: 0; flex-wrap: wrap;}
  .nc_left h3{ font-size: 2.25rem;}
  ul.ny_nav li{ margin: 0 .5rem; margin-bottom: .625rem;}
  ul.ny_nav li a{ padding: 0 1.875rem;}
  .down_li{ width: 100%;}
  .down_li a{ flex: 0 0 8.75rem; padding: 0;}
  .job_left img{ width: 6.6rem;}
  .job_li{ padding: 1.875rem;}
  .job_head:after{ left: -1.875rem;}
  .job_name{ font-size: 1.875rem;}
  .job_li .ty_content{ height: 3rem;}
  .lx_box{ padding: 1.875rem; flex-wrap: wrap;}
  .ewm_left, .ewm_right{ width: 100%;}
  .ewm_left h4 i{ font-size: 1.875rem;}
  .ewm_left h4{ font-size: 1.5rem; line-height: 1.6;}
  .ewm_right{ justify-content: center; margin-top: 1.25rem;}
  .lx_box2 p{ padding: 1.875rem; font-size: 1.5rem; width: 100%;}
  .lx_box2 p:not(:nth-child(2n)){ border-right: none;}
  .lx_box2 p:nth-last-child(-n+2){ border-bottom: 1px solid #dedede;}
  .lx_message .inp{ width: 48%;}
  .lx_message .inp:not(:nth-child(4n)){ margin-right: 0;}
  .lx_message .inp:not(:nth-child(2n)){ margin-right: 4%/2;}
  .lx_button{ width: 100%; margin-bottom: 1.25rem;}
  .nnew_content{ padding: 0;}
  .nnew_right{ display: none;}
  .nab_morr_img img{ max-width: 100%;}
  .n_about_more ul li strong{ font-size: 3rem;}
  .fanye02 a{ width: 100%; margin-bottom: 1.25rem;}
  .n_wenhua .caption{ margin-bottom: 1.25rem;}
  .n_licheng .s_biao{ padding-top: 2rem;}
  .n_licheng .s_biao:after{ height: 3rem; width: 21rem;}
  .nlc_text{ padding: 1.875rem;}
  .honor_li{ width: 48%;}
  .honor_li:not(:nth-child(4n)){ margin-right: 0;}
  .honor_li:not(:nth-child(2n)){ margin-right: calc(4%/2);}
  .flex_50{ width: 100%;}
  .sjyy_1 .sj_left{ padding-right: 0; margin-bottom: 1.25rem;}
  .sjyy_1 h2{ margin-bottom: 1.25rem; font-size: 2rem;}
  .sjyy_1 p{ font-size: 1.5rem;}
  .sj_biao{ font-size: 2.25rem;}
  .sjyy_2 ul li{ width: 100%;}
  .sjyy_2 ul li:not(:last-child){ margin-right: 0;}
  .xz_li:not(:nth-child(2n)){ margin-right: 0;}
  .sy_text h3{ margin-bottom: 1.25rem; margin-top: .625rem;}
  .sjyy_6 ul li{ width: 49%;}
  .sjyy_6 ul li:not(:nth-child(4n)){ margin-right: 0;}
  .sjyy_6 ul li:not(:nth-child(2n)){ margin-right: 2%;}
  .sjyy_li:not(:nth-child(4n)){ margin-right: 0;}
  .sjyy_li{ height: 30rem;}
  .n_service{ margin: 0;}
  .ser_left ul{ display: flex; flex-wrap: wrap;}
  .ser_left ul li{ width: 33.33%;}
  .ser_left h2{ padding-left: 1.25rem; font-size: 2.25rem;}
  .fa_left h5{ display: none;}
  .fangan_1 .fa_left h2, .fa_biao{ font-size: 2.25rem;}
  .fa_tedian ul{ margin-left: 0;}
  .hytz ul li{ width: 50%; margin-bottom: 1px;}
  .yycj ul li{ width: 33.33%;}
  .yycp_left{ width: 40%;}
  .yycp_right{ width: 60%; margin: 0;}
  .s_yuan{ width: 70%;}
  .s_yuan ul li span{ white-space: normal; width: 8rem;}
  .sy_text{ padding: 1.25rem;}
  .s_3d{ padding: 5rem 15px;}

  .nnew_left,
  .nab_left,
  .nab_right,
  .nab_morr_img,
  .n_about_more ul,
  .n_wenhua .caption,
  .sy_li img,
  .xz_li,
  .sy_text,
  .sjyy_li,
  .ser_left,
  .ser_right{ width: 100%;}

  .fanye02,
  .n_about .container.flex,
  .n_about_more .container.flex,
  .n_wenhua .container.flex,
  .sjyy_1 .container,
  .sjyy_2 ul,
  .sy_li,
  .sjyy_6 ul,
  .n_service,
  .fangan_1>.container.flex,
  .hytz ul,
  .yycj ul{ flex-wrap: wrap;}
  
  .ty_content,
  .nnew_left>h5 span,
  .nnew_black a,
  .fanye02 a,
  .nab_right .ty_content{ font-size: 1.5rem;}
  
  #videModal .modal_bai { width: calc(100% - 30px); }
  #videModal .modal_bai .modal-body iframe { min-height: 16.25rem; } 
}

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

}

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

  .s_product ul li .caption p{
    font-size: 1.34rem;
    line-height: 1.6;
  }
	.sl_text h3{
		font-size: 1.875rem;
	}
  .sl_text p,
	.sfw_left p{
    font-size: 1.34rem;
    line-height: 2;
  }
	.sfw_li .caption{
		transform: translateY(80%);
	}
	.sfw_li .caption p,
	.case_text p,
	.new_text p,
	.ty_more a{
		font-size: 1.25rem;
		line-height: 1.6;
	}
	.erji ul li a,
	.foot_right ul li a,
	.foot_left .search_box .in_put,
	.foot_di,
	.search_box .in_btn{
		font-size: 1.25rem;
	}

	.s_biao p,
	.s_new ul li a,
	.s_solution .mySwiper2 .swiper-slide span,
	.s_gg ul li span,
	.fd_dh{
    font-size: 1.34rem;
  }



}

@media (min-width:1201px){
  
  .container{ max-width: calc(100% - 11.875rem); padding: 0 15px;}
  

}
@media (min-width:1921px){
  .container{ max-width: calc(1920px - 11.875rem); padding: 0 15px;}
}