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;}

h1{ font-size: 2.25rem;}
h2{ font-size: 1.875rem;}
h3{ font-size: 1.5rem;}
h4{ font-size: 1.125rem;}
h5{ font-size: 1rem;}
h6{ font-size: 1rem;}

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

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

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



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

.header.active{ background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.1);}
.header.active:after{ background:transparent;}
.header.active .pc_nav ul li>a{ color: #474747;}
.header.active .pc_nav ul li>a{ color: #474747;}
.header.active .pc_nav ul li.active>a{ color: #F08200;}
.header.active .head_more a{ color: #474747;}
.header.active .head_more .head_lang>a:hover{ color: #F08200;}
.header.active .head_more .head_lang ul li a:hover{ color: #F08200;}
.header.active .logo a img:first-child{ display: none;}
.header.active .logo a img:last-child{ display: block;}


.header.ny{ background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.1);}
.header.ny:after{ background:transparent;}
.header.ny .pc_nav ul li>a{ color: #474747;}
.header.ny .pc_nav ul li>a{ color: #474747;}
.header.ny .pc_nav ul li.active>a{ color: #F08200;}
.header.ny .head_more a{ color: #474747;}
.header.ny .logo a img:first-child{ display: none;}
.header.ny .logo a img:last-child{ display: block;}

.header{ position: fixed; top: 0; left: 0; width: 100%; height: 6.25rem; 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 .container{ display: flex; position: relative; justify-content: flex-end; align-items: center; padding-left: 18.75rem;}
.logo{ height: 6.25rem; position: absolute;left: 15px; top: 0;}
.logo a{ display: inline-block; height: 100%;}
.logo a img{ display: block; height: 100%;}
.logo a img:last-child{ display: none;}

.pc_nav ul{ display: flex; align-items: center;}
.pc_nav ul li{ margin-right: 3.125rem;}
.pc_nav ul li>a:after{ content: ''; width: 0; height: 2px; background: #F08200; 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.25rem; font-weight: bold; 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 .cp_erji{ opacity: 1; pointer-events: auto; transform: translateY(0);}
.cp_erji{ display: flex; width: 100%; position: absolute; top: 100%; left: 0; opacity: 0; pointer-events: none; transition: all 0.3s ease; transform: translateY(1rem);}
.hcp_li{width: 20%; padding: 1rem 0; position: relative;}
.hcp_li:after{ content: ''; width: 1px; height: 60%; top: 50%; transform: translateY(-50%); background: #eee; position: absolute; right: 0;}
.hcp_li:last-child:after{ display: none;}
.hcp_li h5{ margin: 0; text-align: center; transform: translateY(-1rem);}
.hcp_li h5 a{
  transition: all 0.3s ease;
  font-size: 1rem;
  color: #474747;
}
.hcp_li:hover h5 a{ color: #F08200;}
.hcp_li .cp_img{ width: 60%; margin: 0 auto;}
.hcp_li .cp_img a{ box-shadow: none;}

.pc_xiala.active{ background: rgba(255,255,255,1); box-shadow: 0px 2px 4px rgba(0,0,0,0.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,0); pointer-events: none;}

.pc_nav ul li:hover .erji{ opacity: 1; transform: translateX(-50%); pointer-events: auto;}
.pc_nav ul li .erji{ position: absolute; top: 100%; transform: translateX(-50%) translateY(1rem); pointer-events: none; opacity: 0; min-width: 7.5rem; padding: 0.5rem 0; background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.1); 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; font-size: 1rem; color: #666; white-space: nowrap; padding: 0 .625rem; text-align: center;}
.pc_nav ul li .erji a:hover{ color: #F08200;}

.head_more{ display: flex; align-items: center;}
.head_lang{ margin-left: 2.25rem;}
.head_lang>a{ color: #fff; display: flex; align-items: center; transition: all 0.3s ease;}
.head_lang>a i{ font-size: 1.5rem;}
.head_lang>a i:last-child{ font-size: .875rem; margin-left: .5rem;}

.head_search button{ font-size: 1.25rem; position: absolute; right: 0; top: 0; width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; color: #777; background: none; border: none;  transition: all 0.3s ease;}
.head_search button:hover{ color: #F08200;}
.head_search{ position: relative;}
.head_search input{
  width: 10rem;
  border: none;
  outline: none;
  height: 2.5rem;
  background: #EEEEEE;
  border-radius: 1.25rem;
  padding-left: 1rem;
  font-family: 'MONTSERRAT-LIGHT';
}
.head_search input::placeholder{ text-transform: uppercase;}

.head_lang{ position: relative;}
.head_lang ul{ background: #fff; border-radius: .375rem; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); transition: all 0.3s ease; opacity: 0; pointer-events: none; z-index: 2; padding: .5rem .625rem;}
.head_lang ul li:first-child{ border-bottom: 1px solid #dedede;}
.head_lang ul li a{ font-size: 1rem; color: #474747; display: block; line-height: 2; white-space: nowrap; padding: 0 1rem; transition: all 0.3s ease;}
.head_lang ul li a:hover{ color: #F08200;}
.head_lang:hover ul{ opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0);}
.head_lang a{ font-weight: bold;}


.menu-link{ cursor: pointer;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  display: none;
}
.menu-link span{ width: 2.25rem; height: 1.875rem; display: inline-block; position: relative;}
.menu-link span i{ width: 100%; height: 3px; 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: 3px; 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: 3px; position: absolute; bottom: 0; left: 0;transition: all 0.3s ease-out; transform-origin: right bottom;}
.menu-link.active span:after{ transform: rotate(-45deg);}
.menu-link.active span:before{transform: rotate(45deg);}
.menu-link.active span i{ background: transparent;}

.s_banner{ position: relative;}
.s_banner .swiper .swiper-slide a{ position: relative; display: block; padding-top: 50%;}
.s_banner .swiper .container{ position: absolute; top: 25%; left: 0; right: 0; text-align: center; color: #FFFFFF;}
.s_banner .swiper .swiper-slide strong{
  font-size: 4.75rem;
  font-family: 'MONTSERRAT-DOLD';
  display: block;
}
.s_banner .swiper .swiper-slide p{
  margin: 0 auto;
  line-height: 2;
  width: 70%;
  font-size: 1.625rem;
  font-weight: 400;
}
.s_banner .swiper .swiper-pagination{ bottom: 7.125rem;}
.s_banner .swiper .swiper-pagination .swiper-pagination-bullet{
  width: 1rem;
  height: 1rem;
  border: .125rem solid #FFFFFF;
  background: none;
  border-radius: 50%; opacity: 1;}
.s_banner .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}

  
.dw{position: relative;}

.s_news{ position: relative; z-index: 10;}
.s_news .dw{
  transform: translateY(-50%);
  padding: 1.5rem 7.25rem;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px rgba(6,0,1,0.2);
  opacity: 0.9;
}
.s_news h4{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.25rem;
  font-weight: 400;
  color: #474747;
}
.s_news h4 i{ margin-right: .5rem; color: #F2982F;}
.s_news p{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1rem;
  color: #525252;
}
.s_news h5{
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  color: #474747;
}
.s_news .ico-next{ right: 2.5rem;}
.s_news .ico-prev{ left: 2.5rem;}
.s_news .ico-prev:hover i, .s_news .ico-next:hover i{ color: #F08200;}
.ico-next, .ico-prev{ position: absolute; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; outline: none;}
.ico-next i, .ico-prev i{ color: #BFBFBF; font-size: 1.5rem; transition: all 0.3s ease;}

.s_prduct{ padding: 3.75rem 0; padding-top: 0;}
.s_biao{
  text-align: center;
  font-family: 'MONTSERRAT-REGULAR';
  font-size: 2.875rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 2.5rem;
}
.s_biao small{
  display: block;
  font-size: 1.875rem;
  font-weight: bold;
  font-style: italic;
  color: #777777;
  margin-bottom: 1.25rem;
}
.s_biao.bai{ color: #fff;}
.cp_list{ display: flex; flex-wrap: wrap;}
.cp_li{ width: 20%; margin-bottom: 2.5rem;}
.cp_li:not(:nth-child(4n)){ margin-right: calc(20%/3);}
.cp_img{ position: relative;}
.cp_img a{ display: block; padding-top: 96.7%; box-shadow: 0px 4px 6px rgba(0,0,0,0.1);}
.cp_name{ padding-top: 1rem;}
.cp_name h4{ font-size: 1.125rem; color: #474747; transition: all 0.3s ease;}
.cp_name h5{ margin-bottom: 0;}
.cp_name h5 a{ font-size: 1rem; color: #F08200;}
.cp_li:hover .cp_name h4{ color: #F08200;}
.cp_li:hover .cp_img{ animation: bounce 1s ease-in;}

.s_solution{ height: 36.25rem; display: flex; align-items: center; background: url(../images/solution.jpg) center no-repeat; background-size: cover;}
.s_solution p{ width: 70%; margin: 0 auto; line-height: 2; font-size: 1.375rem; color: #fff; text-align: center;}

.s_solution ul li:hover a {
  text-shadow: 0 0 .25rem rgba(255,255,255,0.5), 0 0 .5rem rgba(255,255,255,0.5), 0 0 1rem rgba(255,255,255,0.5);
  -webkit-animation: Glow 1s ease-out infinite alternate;
  animation: Glow 1s ease-out infinite alternate;
}
@-webkit-keyframes Glow {
  from {
    box-shadow: 0 0 .5rem rgba(255,255,255,0.5) inset,0 0 .5rem rgba(255,255,255,0.5);
  }
  to {
    box-shadow: 0 0 1rem rgba(255,255,255,0.5) inset,0 0 1rem rgba(255,255,255,0.5);
  }
}

@keyframes Glow {
  from {
    box-shadow: 0 0 .5rem rgba(255,255,255,0.5) inset,0 0 .5rem rgba(255,255,255,0.5);
  }
  to {
    box-shadow: 0 0 1rem rgba(255,255,255,0.5) inset,0 0 1rem rgba(255,255,255,0.5);
  }
}


.ty_solution ul{ margin-top: 3.5rem; display: flex; justify-content: space-between;}
.ty_solution ul li a{
  width: 9.375rem;
  height: 9.375rem;
  border: .0625rem solid rgba(255,255,255,0.7);
  color: #fff;
  border-radius: .625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  text-align: center;
  box-shadow: 0 0 .5rem rgba(255,255,255,0.5) inset,0 0 .5rem rgba(255,255,255,0.5);
}
.ty_solution ul li i{
  display: block;
  margin: 0 auto;
  font-size: 3.75rem;
}
.n_solution.ty_solution ul li a{
  border: 1px solid #DDDDDD;
  color: #777;
  box-shadow: none;
}
.n_solution.ty_solution ul li.active a{
  border: 1px solid #F08200;
  color: #F08200;
}
.n_solution.ty_solution ul li:hover a{ color: #F08200;}




.sab_bg{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: url(../images/sab_bg.jpg) center no-repeat; background-size: cover;}
.sab_left{ flex: 0 0 50%; padding-right: 6%;}
.sab_right img{ width: 100%;}
.sab_left p{
font-size: 1.125rem;
font-family: 'MONTSERRAT-LIGHT';
text-align: justify;
color: #474747;
line-height: 2.125rem;
}
.s_about{ padding: 4.625rem 0; width: 100%; overflow: hidden;}
.s_about .swiper .swiper-slide{
  height: 7.5rem;
  display: flex;
  background: #F0F1F8;
  align-items: center;
  position: relative;
}
.s_about .swiper{ margin-top: 2.5rem;}
.s_about .swiper .swiper-slide:after{ content: ''; width: 100%; height: .3125rem; transition: all 0.3s ease; background: #777777; position: absolute; top: 0; z-index: 2; left: 0;}
.s_about .swiper .swiper-slide:hover:after{ background: #F2982F; height: 100%;}
.s_about .swiper .swiper-slide div{ padding: 0 2.25rem; display: flex; align-items: center; position: relative; z-index: 3;}
.s_about .swiper .swiper-slide:hover span, .s_about .swiper .swiper-slide:hover p{ color: #fff;}
.s_about .swiper span{ flex: 0 0 4.375rem; font-size: 2.875rem; font-weight: bold; color: #777777; transition: all 0.3s ease;}
.s_about .swiper span i{ font-size: 2.875rem; font-weight: normal;}
.s_about .swiper p{
  font-size: 1.125rem;
  color: #525252;
  margin: 0;
  font-family: 'MONTSERRAT-LIGHT';
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.s_about .swiper-pagination{ position: static; margin-top: 1rem;}

.s_about .swiper-pagination .swiper-pagination-bullet{
  width: 1rem;
  height: 1rem;
  border: .125rem solid #CCCCCC;
  background: none;
  border-radius: 50%; opacity: 1; outline: none;}
.s_about .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #F2982F; border-color: #F2982F;}

.s_more{ margin-top: 3.25rem;}
.s_more a{
  width: 12.5rem;
  height: 2.875rem;
  border: .0625rem solid #F08200;
  border-radius: 1.4375rem;
  font-size: 1.125rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #F2982F;
  font-family: 'MONTSERRAT-BOLD';
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.s_more a i{ margin-left: .5rem; transition: all 0.3s ease;}
.s_more a:hover i{ transform: translateX(.5rem);}
.s_more a:hover{ background: #F08200; color: #fff;}

.s_email{
  width: 100%; overflow: hidden;
  color: #fff;
  display: flex;
  height: 20.625rem;
  background: url(../images/touch.jpg) center no-repeat;
  background-size: cover;
  align-items: center;
}
.s_email .s_biao p{
  text-align: right;
  padding-left: 30%;
  font-size: 1.5rem;
  color: #FFFFFF;
  font-weight: normal;
  text-transform: initial;
  margin-top: 1rem;
  font-family: 'MONTSERRAT-REGULAR';
}
.s_email form{
  display: flex; 
  justify-content: flex-end;
  align-items: center;
}
.s_email form input{
  width: 31.875rem;
  font-size: 1.125rem;
  border: none;
  background: none;
  border-bottom: 1px solid #777;
  padding: 0;
  height: 2.5rem;
  outline: none;
  font-family: 'MONTSERRAT-REGULAR';
}
.s_email form button{
  margin-left: .5rem;
  border: none;
  background: none;
}
.s_email form button i{ font-size: 2.875rem;}

.footer{
  background: #333;
  padding-top: 5rem;
}
.footer .flex{
  justify-content: space-between;
}
.footer .caption h3{
  font-size: 1.5rem;
  font-weight: bold;
  color: #FFFFFF;
  opacity: 0.8;
  text-transform: uppercase;
  margin-bottom: 2.5rem;
}
.footer .caption:first-child{ max-width: 40%;}
.footer .caption ul li i{ display: inline-block; margin-right: .5rem;}
.footer .caption ul li, .footer .caption ul li a{
  font-size: 1.125rem;
  color: rgba(255,255,255,0.3);
  line-height: 2;
  transition: all 0.3s ease;
}
.footer .caption ul li:hover, .footer .caption ul li:hover a{
  color: rgba(255,255,255,.85);
}
.foot_di{
  margin-top: 4.375rem;
  padding: 1.875rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.foot_di p{
  color: rgba(255,255,255,0.3);
  margin: 0;
}
.foot_di ul{
  display: flex;
  align-items: center;
}
.foot_di ul li{
  margin-left: 1.25rem;
}
.foot_di ul li a{
  display: block;
  transition: all 0.3s ease;
  font-size: 1.125rem;
  color: rgba(255,255,255,0.3);
}
.foot_di ul li a:hover{
  color: rgba(255,255,255,.85);
  transform: scale(1.4);
}


.n_banner{ margin-top: 6.25rem;}
.n_banner{ height: 28.75rem; display: flex; align-items: flex-end; position: relative;}
.ban_text{ z-index: 2; position: absolute; top: 25%; left: 0; right: 0; margin: 0 auto; color: #fff; font-family: 'MONTSERRAT-LIGHT'; text-align: center; text-transform: uppercase; letter-spacing: 1px;}
.ban_text strong{font-size: 3.75rem; display: block; font-weight: normal;}
.ban_text span{ opacity: .7; font-size: .9375rem; display: inline-block; position: relative;}
.ban_text span:last-child:after{ content: ''; width: 44px; height: 1px; background: rgba(255,255,255,0.8); position: absolute; left: calc(100% + .5rem); top: 50%; transform: translateY(-50%);}
.ban_text span:last-child:before{ content: ''; width: 44px; height: 1px; background: rgba(255,255,255,0.8); position: absolute; right: calc(100% + .5rem); top: 50%; transform: translateY(-50%);}

.n_nav{ width: 100%;}
.n_nav .flex{ height: 6.25rem; padding: 0 3.125rem; background: rgba(255,255,255,0.9); justify-content: space-between;}
.weizhi{ display: flex; flex-wrap: wrap; align-items: center; align-items: center; color: #525252;}
.weizhi a i{ margin-right: .5rem; display: inline-block;}
.weizhi a{
  font-size: 1.125rem;
  color: #525252;
  margin: 0 .5rem;
}
.weizhi a:first-child{ margin-left: 0;}
.weizhi a:last-child{ margin-right: 0;}
.n_nav ul{ display: flex; align-items: center;}
.n_nav ul li{ margin-left: 2.5rem;}
.n_nav ul li.active a{ color: #F08200;}
.n_nav ul li a{ font-size: 1.125rem; color: #525252;}
.n_nav ul li:hover a{ color: #F08200;}

.zhong{ padding: 5rem 0;}
.down_nav{ margin-bottom: 4.25rem;}
.down_nav ul{ display: flex;}
.down_nav ul li{ width: 25%; height: 5.625rem; display: flex; align-items: center; justify-content: center; background: #eee;}
.down_nav ul li.active{ background: #F08200;}
.down_nav ul li.active a{ color: #fff;}
.down_nav ul li:hover a{ color: #F08200;}
.down_nav ul li a{ display: flex; align-items: center; justify-content: center; color: #525252; font-size: 1.125rem;}
.down_nav ul li a i{ display: inline-block; margin-right: .5rem; font-size: 1.5rem;}

.down_list{ display: flex; flex-wrap: wrap;}
.down_li{ margin-bottom: 2.5rem; width: calc(50% - 1.25rem); height: 4.375rem; display: flex; align-items: center; justify-content: space-between; padding: 0 2.5rem; background: #fff; position: relative;}
.down_li:after{ content: ''; width: 100%; pointer-events: none; position: absolute; height: 100%;left: 0; top: 0;border: 1px solid #EEEEEE;}
.down_li:not(:nth-child(2n)){ margin-right: 2.5rem;}
.down_li a{ width: 8.125rem; font-size: 1.125rem; color: #777; transition: all 0.3s ease; display: flex; align-items: center;}
.down_li a i{ margin-left: .5rem;}
.down_title{ display: flex; align-items: center;}
.down_title span{ font-size: 1.25rem; color: #474747; transition: all 0.3s ease;}
.down_title i{ flex:0 0 3.125rem; font-size: 1.875rem; color: #9F9F9F; transition: all 0.3s ease;}

.down_li:hover a, .down_li:hover .down_title span, .down_li:hover .down_title i{ color: #F08200;}
.down_li:hover{ box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.16);}
.down_li:hover:after{ border: 2px solid #F08200;}

.n_solution p{
  width: 80%;
  margin: 0 auto;
  font-size: 1.125rem;
  color: #474747;
  text-align: center;
  line-height: 1.8;
}
.so_list{ margin-top: 3.125rem; display: flex; flex-wrap: wrap;}
.so_li{ width: 47%; margin-bottom: 4.375rem; background: #fff;
   box-shadow: 0 0 .5rem rgba(0,0,0,0.1); padding: 1rem;}
.so_li:not(:nth-child(2n)){ margin-right: 6%;}
.so_li p{ padding: 1.875rem; font-size: 1.125rem; color: #474747;}
.so_li .swiper .swiper-slide a{ padding-top: 55%; display: block;}
.so_li .swiper .swiper-pagination .swiper-pagination-bullet{ opacity: 1; background: #fff;}
.so_li .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #F08200;}
.so_li:hover{box-shadow: 0 0 1rem rgba(0,0,0,0.2);}


.v_list{ display: flex; flex-wrap: wrap;}
.v_li{ width: 46.5%; margin-bottom: 3.125rem; background: #fff;
  box-shadow: 0 0 1rem rgba(0,0,0,0.1); padding: 2.5rem;}
.v_li:not(:nth-child(2n)){ margin-right: 5%;}
.v_li p{ font-size: 1.25rem; transition: all 0.3s ease; color: #525252; margin: 0; margin-top: 1rem;}
.v_img{ padding-top: 57.8125%; position: relative; cursor: pointer;}
.v_img i{
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  width: 5.375rem;
  height: 5.375rem;
  background: rgba(255,255,255,0.2);
  border-radius: 50%;
  color: #fff;
  font-size: 2.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.v_li:hover p{ color: #F08200;}
.v_li:hover .v_img i{
  background: #fff;
  color: #F08200;
  pointer-events: none;
}
.new_li{ margin-bottom: 2.5rem;}
.new_li a{ display: block; padding: 2.25rem 3.125rem; background: #fff; box-shadow: 0px 0px .5rem rgba(0,0,0,0.1); display: flex; align-items: center;}
.new_img{ width: 14.375rem;}
.new_img i{ padding-top: 63.46%; display: block;}
.new_time{ padding-left: 2.5rem; font-size: 1.5rem; color: #F08200;font-family: 'MONTSERRAT-DOLD'; font-weight: bold;}
.new_text{ padding-left: 1.875rem; padding-right: 3.125rem; border-right: 1px solid #eee; width: calc(100% - 14.375rem - 11.25rem);}
.new_text h4{ font-size: 1.25rem; color: #525252; margin-bottom: 1rem; transition: all 0.3s ease;}
.new_text p{ color: #525252; font-size: 1rem; margin: 0; line-height: 1.8;}
.new_li:hover a .new_text h4{ color: #F08200;}

.n_biao{ font-size: 2.875rem; color: #000; text-transform: capitalize; margin-bottom: 5rem; font-family: 'MONTSERRAT-BOLD';}
.n_about{ display: flex; align-items: center; justify-content: space-between;}
.nab_left{ width: 48%;}
.nab_right{ width: 45%; height: 35rem; display: flex; align-items: flex-start; justify-content: flex-end; position: relative;}
.nab_right .caption{ width: 23.125rem; overflow: hidden; border-radius: .5rem; height: 21.875rem; position: relative; box-shadow: 0 0 .5rem rgba(0,0,0,0.3);}
.nab_right .caption img{ width: 100%;}
.nab_right .caption:last-child{ position: absolute; left: 0; bottom: 0; z-index: 2; cursor: pointer;}
.n_about .ty_content p{font-family: 'MONTSERRAT-REGULAR'; font-size: 1.125rem; color: #474747; line-height: 1.8; text-indent: 2em;}
.nab_right .caption i{
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  width: 5.375rem;
  height: 5.375rem;
  background: rgba(255,255,255,0.5);
  border-radius: 50%;
  color: #F08200;
  font-size: 2.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.nab_right .caption:hover i{transform: scale(.95) translateX(-50%) translateY(-50%);}
.n_culture{ margin-top: 3.75rem;}
.n_culture ul{ display: flex; justify-content: space-between;}
.n_culture ul li{ height: 28.75rem; width: 26%; box-shadow: 0 0 1rem rgba(0,0,0,0.2); border-radius: .625rem; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 3%; text-align: center; transition: all 0.5s ease;}
.n_culture ul li:after{ position: absolute; right: 0; top: 0; z-index: 2; content: ''; width: .625rem; height: .625rem;background: linear-gradient(68deg, #FF9E4F 0%, #FF9E4F 31%, #FF5154 100%);}
.n_culture ul li.active{ width: 42%;}
.n_culture ul li p{
  font-size: 1.125rem;
  color: #474747;
  line-height: 1.8;
}
.n_culture ul li img{ height: 6.25rem; display: block; margin: 0 auto;}
.n_culture ul li h2{
  text-transform: uppercase;
  margin: 2.5rem 0;
  font-size: 1.875rem;
  color: #000000;}
.n_culture ul li i{ font-style: normal; position: absolute; bottom: 3.125rem; right: 3.125rem; z-index: 2; font-size: 1.25rem; color: #9f9f9f;font-family: 'MONTSERRAT-REGULAR';}

.n_service{ padding: 6.875rem 0; background: #F0F1F8; margin-top: 3.75rem;}
.n_service ul{ display: flex; flex-wrap: wrap;}
.n_service ul li{ padding: 0 2.25rem; margin-bottom: 1.875rem; display: flex; align-items: center; width: 48%; background: #fff; height: 7.5rem;}
.n_service ul li:not(:nth-child(2n)){ margin-right: 4%;}
.n_service ul li span{ flex: 0 0 4.375rem; font-size: 2.875rem; font-weight: bold; color: #777777;}
.n_service ul li span i{ font-size: 2.875rem; font-weight: normal;
  transition: all 0.3s ease;}
.n_service ul li p{
  font-size: 1.125rem;
  color: #525252;
  margin: 0;
  font-family: 'MONTSERRAT-LIGHT';
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: all 0.3s ease;
}
.n_service ul li:hover p, .n_service ul li:hover span{ color: #F08200;}

.n_honor{ padding: 5.625rem 0;}
.n_honor .swiper a{ display: block; padding-top: 136%; position: relative; background: #fff; box-shadow: 0 0 1rem rgba(0,0,0,0.1);}
.n_honor .swiper a img{ position: absolute; top: 50%; left: 50%; max-width: 90%; max-height: 90%; transform: translateX(-50%) translateY(-50%); z-index: 2;}
.n_honor .swiper span{
  text-align: center;
  display: block;
  margin-top: 1rem;
  font-size: 1rem;
  color: #000000;
}
.n_biao.bai{ color: #fff;}
.n_development{ padding: 7.5rem 0; background: url(../images/nab_3.jpg) center no-repeat; background-size: cover;}
.n_development .swiper1 .swiper-slide{ height: 5rem; display: flex; justify-content: center; align-items: flex-end; position: relative;}
.n_development .swiper1 .swiper-slide:after{ content: ''; width: 100%; height: 1px; background: #474747; position: absolute; bottom: .9375rem; left: 0; transition: all 0.3s ease;}
.n_development .swiper1 .swiper-slide span{
  font-size: 1.125rem;
  color: #474747;
  position: relative;
  transition: all 0.3s ease;
  font-family: 'MONTSERRAT-REGULAR';
}
.n_development .swiper1 .swiper-slide span:after{ content: ''; width: 1px; height: 1.875rem; display: block; background: #474747; transition: all 0.3s ease; margin: 0 auto;}
.n_development .swiper1 .swiper-slide.active:after, .n_development .swiper1 .swiper-slide.active span:after{ background: #F08200;}
.n_development .swiper1 .swiper-slide.active span{ font-size: 2.25rem; color: #F08200;}
.n_development .swiper2{ margin-top: 3.75rem;}
.n_development .swiper2 strong{
  font-size: 2.25rem;
  color: #000;
  font-family: 'MONTSERRAT-DOLD';
  margin-bottom: 1.25rem;
  display: block;
  text-align: center;
}
.n_development .swiper2 p{
  width: 60%;
  margin: 0 auto;
  font-size: 1.125rem;
  color: #000000;
  line-height: 2;
  font-family: 'MONTSERRAT-REGULAR';
}
.n_development .swiper2 .swiper-slide{ align-items: center; display: flex; min-height: 18.75rem;}
.nlc_next, .nlc_prev{ width: 4.0625rem; height: 4.0625rem; border-radius: 50%; border: 1px solid #fff; color: #fff; display: flex; align-items: center; justify-content: center; z-index: 2;}
.nlc_next i, .nlc_prev i{ color: #fff;}
.nlc_next{ right: 0;}
.nlc_prev{ left: 0;}


.ncp_left{ width: 23.125rem;}
.ncp_li{ margin-bottom: 3.125rem;}
.ncp_li h4{
  border-bottom: 1px solid #ddd;
  text-transform: uppercase;
  padding-bottom: 1rem;
  margin: 0;
  font-size: 1.125rem;
  font-style: italic;
  font-family: Arial;
  color: #000000;
  font-weight: bold;
}
.ncp_li h4 a{ color: #000;}
.ncp_li ul li{ margin-top: 1rem;}
.ncp_li ul li a{
  color: #525252;
  cursor: pointer;
  font-size: 1rem;
  font-family: Arial;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
.ncp_li ul li a:hover{ color: #F08200;}
.ncp_li ul li.active a:hover{ color: #F08200;}
.ncp_li ul>li.active ol{ display: block;}
.ncp_li ul li a i{
  width: .75rem;
  height: .75rem;
  border: 1px solid #9F9F9F;
  border-radius: .1875rem;
  margin-right: .5rem;
  position: relative;
  transition: all 0.3s ease;
}
.ncp_li ul li a i:after{ content: ''; width: .25rem; height: .25rem; background: #F08200; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); opacity: 0; transition: all 0.3s ease;}
.ncp_li ul ol{ padding-left: 25px; display: none;}
.ncp_li ul ol li a i{ border-color: transparent;}
.ncp_li ul ol li a i:after{ opacity: 1; background: #9F9F9F;}
.ncp_li ul ol li.active a i{ border-color: transparent;}
.ncp_li ul ol li.active a i:after{ background: #F08200;}
.ncp_li ul li.active>a{ font-weight: bold; font-style: italic; color: #F08200;}
.ncp_li ul li.active>a i:after{ opacity: 1;}
.ncp_li ul li.active>a i{ border-color: #F08200;}
.ncp_li ul ol li.active a{ font-weight: normal; font-style: normal;}


.ncp_right{ width: calc(100% - 30rem); margin-left: 6.875rem;}
.ncp_biao{
  border-bottom: 1px solid #ddd;
  padding-bottom: 1rem;
  margin-bottom: 1.25rem;
  font-size: 1.125rem;
  font-style: italic;
  font-family: Arial;
  color: #000000;
  line-height: 1.2;
  font-weight: bold;
}
.ncp_right.ty_solution ul{ margin-top: 1.875rem; margin-bottom: 3.75rem;}
.ncp_right.ty_solution ul li a{
  border: 1px solid #DDDDDD;
  color: #777;
  box-shadow: none;
  width: 7.5rem;
  height: 6.25rem;
}
.ncp_right.ty_solution ul li a i{ font-size: 2.25rem;}
.ncp_right.ty_solution ul li.active a{
  border: 1px solid #F08200;
  color: #F08200;
}
.ncp_right.ty_solution ul li:hover a{ color: #F08200;}

.xcp_li{ align-items: center; padding-bottom: 1.5rem; border-bottom: 1px solid #ddd; margin-bottom: 1.5rem;}
.ncp_text h5{ margin-bottom: 0;}
.ncp_text h5 a{ font-size: 1rem; color: #F08200; font-weight: normal;}
.xcp_li:hover .ncp_text h3{ color: #F08200;}

.ncp_img{ width: 19.375rem; border: 1px solid transparent; position: relative; overflow: hidden; transition: all 0.3s ease;}
.ncp_img a{ display: block; padding-top: 96.7%;}
.ncp_text{ width: calc(100% - 19.375rem); padding-left: 1.875rem;}
.xcp_li:hover .ncp_img{ border-color: #F08200;}
.ncp_text h3{color: #474747; transition: all 0.3s ease;}
.ncp_text h4{ color: #525252; margin: 1rem 0;}
.ncp_text p{
  font-size: 1rem;
  color: #525252;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}


.detial_left{ width: calc(50% - 6.25rem); margin-right: 6.25rem;}
.detial_right{ width: 50%;}
.detial_left .swiper-slide{ padding: 1px;}
.detial_left .swiper-slide a{ display: block; padding-top: 74.57%; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #dedede;}
.detial_left .mySwiper2{ margin-bottom: 1.25rem;}
.detial_left .mySwiper .swiper-slide.swiper-slide-thumb-active a{ border-color: #F08200;}

.detial_right h2{ font-size: 2.25rem; line-height: 1.6; border-bottom: 1px solid #dedede; padding-bottom: 1.25rem;}
.detial_right h3{ margin: 1.875rem 0; color: #666;}
.detial_right p{ line-height: 2;}
.swiper_down{ position: relative;}
.down_prev, .down_next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3.125rem;
  height: 3.125rem;
  border: 1px solid #9F9F9F;
  border-radius: 50%;
  color: #666;
  outline: none; display: flex; align-items: center; justify-content: center;}
.down_prev i, .down_next i{ font-size: 1rem;}
.down_prev:hover, .down_next:hover{ border-color: #F08200; color: #F08200;}
.down_prev{ left: calc(100% + 6.25rem);}
.down_next{ left: calc(100% + 6.25rem + 2.25rem + 3.125rem);}

.ncp_tab{ display: flex; margin-top: 6.875rem;}
.ncp_tab li{ background: #eeeeee; width: 25%; position: relative; display: flex; align-items: center; justify-content: center; height: 5.625rem;}
.ncp_tab li:after{ content: ''; width: 1px; height: 60%; background: #ccc; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.ncp_tab li:last-child:after{ display: none;}
.ncp_tab li a{ color: #454545; font-size: 1.125rem; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease;}
.ncp_tab li a i{ font-size: 1.875rem; margin-right: .5rem; color: #9F9F9F; transition: all 0.3s ease;}
.ncp_tab li.active a{ color: #F08200;}
.ncp_tab li.active a i{ color: #F08200;}
.ncp_tab li:before{ content: ''; width: 50%; height: 2px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #F08200; opacity: 0; transition: all 0.3s ease;}
.ncp_tab li.active:before{ opacity: 1;}
.ncp_tab li:hover a{ color: #F08200;}
.ncp_tab li:hover a i{ color: #F08200;}
.ncp_content .tab-content{ padding: 3.125rem; border: 1px solid #dedede;}

.cp_more{ margin-top: 5rem; justify-content: space-between;}
.cp_more ul{
  display: flex;
  align-items: center;
}
.cp_more ul li{
  margin-left: 1.875rem;
}
.cp_more ul li a{
  color: #999;
  display: block;
  transition: all 0.3s ease;
}
.cp_more ul li a i{ font-size: 1.5rem;}
.cp_more ul li a:hover{
  color: #F08200;
  transform: scale(1.1);
}


.more_btn{ display: flex;}
.more_btn a{
  width: 12.5rem;
  height: 2.875rem;
  border: 1px solid #F08200;
  opacity: 0.5;
  border-radius: 1.4375rem;
  font-size: 1.125rem;
  color: #F08200;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.25rem;
}
.ncp_hot{ margin-top: 3.75rem;}
.ncp_hot .ncp_biao{ display: flex; justify-content: space-between;}
.ncp_hot .ncp_biao a{ color: #F08200; font-style: normal; font-weight: normal; font-size: 1.125rem;}

.back_a{ margin-top: 2.75rem;}
.back_a a{
  width: 9.375rem;
  height: 2.5rem;
  border: 1px solid #9F9F9F;
  border-radius: 1.25rem;
  display: flex;
  align-items: center;
  color: #777;
  justify-content: center;
}
.back_a a:hover{ background: #F08200; color: #fff; border-color: #F08200;}
.back_a a i{ font-size: 1.5rem; margin-right: .5rem;}
.nnew_content{ justify-content: space-between;}
.nnew_left{ width: 66.66%;}
.nnew_right{ width:25.33%;}
.nnew_left>h2{ text-align: center;}
.nnew_left>h5{ font-size: 1rem; text-align: center; margin: 1.25rem 0;
  color: #474747;}
.nnew_left>h5 i{ font-size: 1.25rem; margin-right: .5rem;}

.nnew_right h3{ padding-bottom: 1rem; border-bottom: 1px solid #ddd; margin-bottom: 1.25rem; display: flex; justify-content: space-between; align-items: flex-end;}
.nnew_right h3 strong{ font-size: 1.375rem; color: #474747;}
.nnew_right h3 a{ color: #777777; font-size: 1rem;}
.nnew_right h3 a:hover{ color: #F08200;}
.nnew_right form{ margin-bottom: 3.125rem;}
.nnew_right form .form-control{ outline: none;}
.nnew_right form .btn_button{ width: 100%; background: #F08200; color: #fff; border-color: #da7902; outline: none;}
.nnew_right form .btn_button:focus{ background: #da7902;}
.hot_new a{ display: flex; flex-wrap: wrap; padding: 1.875rem; border: 1px solid #eee; background: #fff; box-shadow: 0px 0px .375rem rgba(0,0,0,0.1);}
.hot_new .new_img{ width: 100%;}
.hot_new .new_text{ width: 100%; padding: 1rem 0; border: none;}
.hot_new .new_text p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.hot_new .new_text h5{ margin-top: 1.5rem; margin-bottom: 0;}
.hot_new .new_text h5 span{
  padding: .3rem .8rem;
  background: #DDDDDD;
  display: inline-block;
  color: #474747;
  font-size: 1rem;
}
.hot_new:hover .new_text h4{ color: #F08200;}
.hot_new:hover .new_text h5 span{ color: #fff; background: #F08200;}

.oem_yuan{ display: flex; align-items: center; justify-content: center; width: 48.125rem; height: 48.125rem; margin: 0 auto; background: url(../images/yuan_dian.png) center no-repeat; background-size: contain; position: relative;}
.oem_img{ width: 31.25rem; position: relative;}
.oem_img:after{ content: ''; width: calc(100% + 5.625rem); height: calc(100% + 5.625rem);border: 3px solid #EEEEEE; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}


.oem_img:before{ content: ''; width: calc(100% + 10rem); height: calc(100% + 10rem);border: 1px solid #F08200; opacity: .2; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.oem_img img{ width: 100%;}

.oem_yuan ul{ position: absolute; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;}
.oem_yuan ul li{ width: .3125rem; height: .3125rem; position: absolute;}
.oem_yuan ul li:nth-child(1){ left: 13%; top: 18%;}
.oem_yuan ul li:nth-child(2){ right: 13%; top: 18%;}
.oem_yuan ul li:nth-child(3){ left: 13%; top: 82%;}
.oem_yuan ul li:nth-child(4){ right: 13%; top: 82%;}
.oem_yuan ul li i{
  font-size: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 4rem;
  height: 4rem;
  background: #FFFFFF;
  border: .25rem solid #DDDDDD;
  border-radius: 50%;
  color: #777;
}
.oem_yuan ul li i:after{
  content: '';
  width: 6.25rem;
  height: 6.25rem;
  background: url(../images/xianduan.png) center no-repeat;
  background-size: contain;
  position: absolute;
  top: calc(50% - 3.125rem);
  left: calc(50% - 3.125rem);
  opacity: 0;
  transition: all 0.3s ease;
}
.oem_yuan ul li:after{
  content: '';
  width: 5rem;
  height: 5rem;
  position: absolute;
  border: 1px solid #dedede;
  border-radius: 50%;
  top: calc(50% - 2.5rem);
  left: calc(50% - 2.5rem);
  transition: all 0.3s ease;
}
.oem_yuan ul li span{
  white-space: nowrap;
  font-size: 1.875rem;
  color: #474747;
  font-family: 'MONTSERRAT-REGULAR';
  position: absolute;
}
.oem_yuan ul li:nth-child(1) span, .oem_yuan ul li:nth-child(3) span{ right: 5rem; top: 50%; transform: translateY(-50%);}
.oem_yuan ul li:nth-child(2) span, .oem_yuan ul li:nth-child(4) span{ left: 5rem; top: 50%; transform: translateY(-50%);}
.oem_yuan ul li.active i:after{ opacity: 1; animation: xd_zhuan 1s ease-out;}
.oem_yuan ul li.active:after{ opacity: 0;}
.oem_yuan ul li.active span{ color: #F08200;}
.oem_yuan ul li.active i{ border-color: #F08200; color: #F08200;}

@-webkit-keyframes xd_zhuan {
  0% { transform: rotate(0);}
  100% { transform: rotate(360deg);}
}
@keyframes xd_zhuan {
  0% { transform: rotate(0);}
  100% { transform: rotate(360deg);}
}
.n_us{ margin-top: 6.25rem;}
.n_us .flex{ background: #f0f1f8; align-items: center;}
.us_left, .us_right{ width: 50%;}
.us_right{ padding: 0 6%;}
.us_right ul li{ margin: 1rem 0; font-size: 1.125rem; color: #525252;}
.us_right ul li i{ display: inline-block; margin-right: .5rem; color: #9F9F9F;}

.n_contact .n_biao{ font-size: 1.875rem; color: #474747; margin-bottom: 1.875rem;}

.n_contact ul li{ margin: 1rem 0; font-size: 1.125rem; color: #525252;font-family: 'MONTSERRAT-REGULAR';}
.n_contact ul li i{ display: inline-block; margin-right: .5rem; color: #9F9F9F;}

.n_contact .flex{ justify-content: space-between; align-items: center;}
.n_contact ol{ margin: 0; padding: 0; display: flex; width: 30%; justify-content: flex-end;}
.n_contact .caption{ display: flex; justify-content: space-between; width: 70%;}
.n_contact .caption ul{ width: 48%;}
.n_contact ol li{ margin-left: 1.25rem;}
.n_contact ol li a{
  transition: all 0.3s ease;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background: #EEEEEE;
  display: flex;
  align-items: center;
  justify-content: center;
}
.n_contact ol li a i{ color: #666; transition: all 0.3s ease;}
.n_contact ol li:hover a{ background: #F08200;}
.n_contact ol li:hover a i{ color: #fff;}

.map_flex{ display: flex; align-items: center; margin-top: 3.75rem;}
.map_left, .lx_right{ width: 50%;}
.lx_right{ padding: 0 2.5rem;}
.lx_right form{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.lx_right .w100{ width: 100%;}
.lx_right .w50{ width: 48%;}
.lx_right form .form-control{ border: none; border-bottom: 1px solid #dedede; border-radius: 0;box-shadow: none;}
.lx_right form .form-control:focus{ box-shadow: none;}
.lx_right form textarea.form-control{ height: 34px;}
.lx_right form .countrypicker button{border: none; border-bottom: 1px solid #dedede; border-radius: 0; box-shadow: none;}
.lx_right form .countrypicker button:focus, .lx_right form .countrypicker button:hover{ background: none; border: none; box-shadow: none;}
.lx_right form .btn_button{
  outline: none;
  width: 12.5rem;
  text-transform: uppercase;
  font-size: 1.125rem;
  color: #fff;
  padding: .5rem 0;
  text-align: center;
  border-radius: 1.5rem;
  background: #F08200;

}
.lx_right form .btn_button:last-child{ margin-left: 1.875rem; background: #bbb;}
/* 
//超小设备  (手机 phones, 576px 起)
@media (min-width: 576px) { ... }

//小型设备  (平板电脑, 768px 起)
@media (min-width: 768px) { ... }

//中型设备  (台式电脑, 992px and 起)
@media (min-width: 992px) { ... }

//大型设备  (大台式电脑, 1200px 起)
@media (min-width: 1200px) { ... } */























/*里面的代码可以根据自己需求去进行更改*/
/* 设置滚动条的样式 */
.h_auto::-webkit-scrollbar {
width:2px;
}
/* 滚动槽 */
.h_auto::-webkit-scrollbar-track {
background: #ebebeb;
}
/* 滚动条滑块 */
.h_auto::-webkit-scrollbar-thumb {
  background: #0554b5;
}
.h_auto::-webkit-scrollbar-thumb:window-inactive {
  background: #0554b5;
}



#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: 40.5rem; 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: 23rem;}
#videModal .modal_bai .modal-body iframe{width: 100%; min-height: 23rem;}



/* 通用css */
.fanye{ text-align:center;}
.fanye a{ display:inline-block; margin: 0 .3rem; padding:6px 12px;background: #EEEEEE; color: #666666; border-radius: 3px; text-decoration:none; text-transform: uppercase; font-size: .875rem;}
.fanye a:hover{ color:#F08200;}
.fanye a.active{ background:#F08200; color:#fff;}
.fanye a.active:hover{ color:#fff;}
.fanye a.cur{ color:#999; pointer-events: none}
.fanye a.disabled{ border: none; pointer-events: none;}


.fanye02{ margin-top: 3.75rem; border-top: 1px solid #ccc; padding-top: 2.5rem; display: flex; justify-content: space-between;}
.fanye02 a{ font-size: 1rem; width: 48%; color: #666; transition: all 0.3s;}
.fanye02 a:hover{ color: #F08200;}
.fanye02 a:last-child{ text-align: right;}

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

.ty_content table{ text-align: center; width: calc(100% - 1px) !important; 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: #F08200; color: #fff;}

.ty_content ul{ padding-left: 1.875rem;}
.ty_content ul li{ list-style-type: circle;}


#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; }

.sj_san{
  position: absolute;
  left: 100%;
  top: 0;
}
.sj_san span{
  padding: .5rem .8rem;
  display: inline-block;
  background: #F08200;
  color: #fff;
  border-radius: .25rem;
  box-shadow: 0px .125rem .25rem rgba(0,0,0,0.1);
}





@media (max-width:767px){
  .flex{ flex-wrap: wrap;}
  .header .menu-link i, .header .menu-link span:before, .header .menu-link span:after{ background: #474747;}
  .menu-link{ display: block; position: absolute; right: 15px; top: 55%; transform: translateY(-50%); transition: all 0.3s ease;}

  .header{ background: #fff;}
  .header .head_more a{ color: #474747;}
  .header .container{ height: 100%; padding: 0 15px;}
  .head_more{ margin-right: 3.75rem;}
  .head_search{ display: none;}
  .header .logo a img:first-child{ display: none !important;}
  .header .logo a img:last-child{ display: block !important;}
  
  .pc_xiala{ display: none !important;}
  .pc_nav{ position: absolute; width: calc(100% - 4rem); height: calc(100vh - 6.25rem); top: 6.25rem; left: 0; display: none;  background: rgba(255,255,255,0.95); padding: 1.25rem 15px; box-shadow: 2px 0 .375rem rgba(0,0,0,0.3); z-index: 99; display: block; opacity: 0; pointer-events: none; transform: translateX(-100%); transition: all 0.3s ease;}
  .pc_nav.active{ opacity: 1; pointer-events: auto; transform: translateX(0);}
  .pc_nav ul{ height: auto; flex-wrap: wrap;}
  .pc_nav ul li:after{ display: none;}
  .pc_nav ul li{ width: 100%; margin-top: 0; text-align: left; margin-right: 0; display: flex; justify-content: space-between; padding-right: .5rem; align-items: center;}
  .pc_nav ul li>a{ padding: 1.25rem 0; font-size: 1.5rem; line-height: 1.875rem; font-weight: bold; display: inline-block; color: #474747;}
  .pc_nav ul li>a:after{ left: 0; transform: translateX(0);}
  .cp_erji, .pc_nav ul li .erji{ left: 0; width: 86%; top: 0; height: 100%; overflow: auto; background: rgba(255,255,255,.95); box-shadow: 2px 0 .375rem rgba(0,0,0,0.3); flex-wrap: wrap; transform: translateX(-100%); z-index: 10;}
  .cp_erji .hcp_li{ width: 50%; padding: 0;}
  .cp_erji .hcp_li .cp_img{ width: 100%;}
  .cp_erji .hcp_li h5{ transform: translateY(0);}
  .header.active .pc_nav ul li>a, .header.ny .pc_nav ul li>a{ color: #474747;}
  .pc_nav ul li .erji{ padding: 15px;}
  .pc_nav ul li .erji a {
    line-height: 3;
    font-size: 1.25rem;
    font-weight: bold;
    color: #666;
    border-bottom: 1px solid #dedede;
    text-align: left;}
  .pc_nav ul li:hover .cp_erji{ opacity: 0; pointer-events: none; transform: translateX(-100%);}
  .pc_nav ul li:hover .erji{ opacity: 0; pointer-events: none; transform: translateX(-100%);}
  .pc_nav ul li.active .cp_erji{ opacity: 1; pointer-events: auto; transform: translateX(0);}
  .pc_nav ul li.active .erji{ transform: translateX(0); opacity: 1; pointer-events: auto;}
 
  .s_banner{ margin-top: 6.25rem;}
  .s_banner .swiper .swiper-slide strong{ font-size: 1.5rem;}
  .s_banner .swiper .swiper-slide p{ line-height: 1.4; width: 100%; font-size: 1.125rem;}
  .s_banner .swiper .swiper-pagination{ bottom: 2%;}
  .s_biao{ font-size: 2rem;}
  .s_news{ margin-bottom: 2rem;}
  .s_news .dw{ transform: translateY(0); padding: 1.5rem 4rem;}
  .s_news .ico-next{ right: 1rem;}
  .s_news .ico-prev{ left: 1rem;}
  .cp_list{ flex-wrap: wrap;}
  .cp_li{ width: 49%;}
  .cp_li:not(:nth-child(4n)){margin-right: 0;}
  .cp_li:not(:nth-child(2n)){margin-right: 2%;}
  .s_solution{ height: auto; padding: 3rem 0;}
  .s_solution p{ width: 100%;}
  .ty_solution ul{ flex-wrap: wrap;}
  .ty_solution ul{ margin-top: 2rem;}
  .ty_solution ul li{ margin-top: 1rem;}
  .sab_left{ flex: 0 0 100%; padding-right: 0; margin-bottom: 2rem;}
  .s_email .s_biao p{ padding-left: 0;}
  .footer{ padding-top: 0;}
  .footer>.container>.flex{ display: none;}
  .foot_di{ margin-top: 0;}

  .n_banner{ height: 20rem;}
  .n_nav .flex{ height: 5rem; padding: 0 1rem;}
  .n_nav ul{ scroll-snap-type: x mandatory; overflow: scroll; justify-content: flex-start; width: 100%;}
  .n_nav ul li{ margin: 0; scroll-snap-align: start; flex-shrink: 0; margin-right: 1.5rem;}
  .n_nav ul li:last-child{margin-right: 0;}
  .weizhi{ display: none;}
  .ban_text strong{ font-size: 2.5rem;}
  .ncp_content{ position: relative;}
  .ncp_left{ position: absolute; left: 0; top: -4rem; z-index: 2; transform: translateX(-100%); background: #fff; width: 80%; padding: 2rem; transition: all 0.3s ease;}
  .ncp_left.active{ box-shadow: 0px 0 .375rem rgba(0,0,0,0.1); transform: translateX(0);}
  .ncp_right{ width: 100%; margin-left: 0;}
  .ncp_img, .ncp_text{ width: 100%; padding: 0;}
  .detial_left{ width: 100%; margin: 0; margin-bottom: 2rem;}
  .detial_right{ width: 100%;}
  .cp_more, .ncp_tab{ margin-top: 3rem;}
  .cp_more ul{ display: none;}
  .ncp_tab li a{ flex-wrap: wrap; text-align: center; line-height: 1.2; padding: 0 .5rem;}
  .ncp_tab li a i{ width: 100%; display: block; text-align: center; margin-right: 0;}
  .ncp_content .tab-content{ padding: 1.5rem;}
  .down_prev, .down_next{ display: none;}
  .down_nav ul li a i{ display: block; width: 100%; text-align: center;}
  .down_nav ul li a{ flex-wrap: wrap; text-align: center;}
  .down_li{ width: 100%;}
  .down_li:not(:nth-child(2n)) { margin-right: 0;}
  .down_li{ height: auto; padding: 1rem 2.5rem;}
  .down_li{ margin-bottom: 1.5rem;}
  .oem_yuan{ width: 24rem; height: 24rem;}
  .oem_img{ width: 11rem;}
  .oem_yuan ul li span{ font-size: 1rem; width: 8rem; white-space: normal;}
  .oem_yuan ul li:nth-child(2) span, .oem_yuan ul li:nth-child(4) span{ left: 3rem;}
  .oem_yuan ul li:nth-child(1) span, .oem_yuan ul li:nth-child(3) span{ right: 3rem;}
  .n_biao{ font-size: 1.875rem; margin-bottom: 3rem;}
  .us_left, .us_right, .nnew_left, .nnew_right, .nab_left, .nab_right{ width: 100%;}
  .so_li, .v_li{ width: 100%; margin-bottom: 2rem;}
  .so_li:not(:nth-child(2n)), .v_li:not(:nth-child(2n)){ margin-right: 0;}
  .new_li a, .n_about{ flex-wrap: wrap;}
  .new_img, .new_text{ padding: 1rem 0; width: 100%; border: none;}
  .new_time{ padding-left: 0;}
  .hot_new{ display: none;}
  .nnew_right{ margin-top: 3rem;}
  .nnew_right h3:nth-last-child(2){ display: none;}
  .n_culture ul, .map_flex{ flex-wrap: wrap;}
  .n_culture ul li, .n_culture ul li.active{ width: 100%; margin-bottom: 1rem;}
  .n_service ul li, .map_left, .lx_right{ width: 100%;}
  .n_service ul li:not(:nth-child(2n)) { margin-right: 0;}
  .n_service{ padding: 4rem 0;}
  .n_contact .caption{flex-wrap: wrap;}
  .n_contact .caption ul{ width: 100%;}
  .n_contact ol{ display: none;}
  .lx_right{ padding: 0;}
  .ty_solution ul li a{ width: 8.375rem; height: 8.375rem;}

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


}

@media (min-width:768px) and (max-width:991px) {
  .flex{ flex-wrap: wrap;}
  .header .menu-link i, .header .menu-link span:before, .header .menu-link span:after{ background: #474747;}
  .menu-link{ display: block; position: absolute; right: 15px; top: 55%; transform: translateY(-50%); transition: all 0.3s ease;}

  .header{ background: #fff;}
  .header .head_more a{ color: #474747;}
  .header .container{ height: 100%; padding: 0 15px;}
  .head_more{ margin-right: 3.75rem;}
  .head_search{ display: none;}
  .header .logo a img:first-child{ display: none !important;}
  .header .logo a img:last-child{ display: block !important;}
  
  .pc_xiala{ display: none !important;}
  .pc_nav{ position: absolute; width: calc(100% - 4rem); height: calc(100vh - 6.25rem); top: 6.25rem; left: 0; display: none;  background: rgba(255,255,255,0.95); padding: 1.25rem 15px; box-shadow: 2px 0 .375rem rgba(0,0,0,0.3); z-index: 99; display: block; opacity: 0; pointer-events: none; transform: translateX(-100%); transition: all 0.3s ease;}
  .pc_nav.active{ opacity: 1; pointer-events: auto; transform: translateX(0);}
  .pc_nav ul{ height: auto; flex-wrap: wrap;}
  .pc_nav ul li:after{ display: none;}
  .pc_nav ul li{ width: 100%; margin-top: 0; text-align: left; margin-right: 0; display: flex; justify-content: space-between; padding-right: .5rem; align-items: center;}
  .pc_nav ul li>a{ padding: 1.25rem 0; font-size: 1.5rem; line-height: 1.875rem; font-weight: bold; display: inline-block; color: #474747;}
  .pc_nav ul li>a:after{ left: 0; transform: translateX(0);}
  .cp_erji, .pc_nav ul li .erji{ left: 0; width: 86%; top: 0; height: 100%; overflow: auto; background: rgba(255,255,255,.95); box-shadow: 2px 0 .375rem rgba(0,0,0,0.3); flex-wrap: wrap; transform: translateX(-100%); z-index: 10;}
  .cp_erji .hcp_li{ width: 50%; padding: 0;}
  .cp_erji .hcp_li .cp_img{ width: 100%;}
  .cp_erji .hcp_li h5{ transform: translateY(0);}
  .header.active .pc_nav ul li>a, .header.ny .pc_nav ul li>a{ color: #474747;}
  .pc_nav ul li .erji{ padding: 15px;}
  .pc_nav ul li .erji a {
    line-height: 3;
    font-size: 1.25rem;
    font-weight: bold;
    color: #666;
    border-bottom: 1px solid #dedede;
    text-align: left;}
  .pc_nav ul li:hover .cp_erji{ opacity: 0; pointer-events: none; transform: translateX(-100%);}
  .pc_nav ul li:hover .erji{ opacity: 0; pointer-events: none; transform: translateX(-100%);}
  .pc_nav ul li.active .cp_erji{ opacity: 1; pointer-events: auto; transform: translateX(0);}
  .pc_nav ul li.active .erji{ transform: translateX(0); opacity: 1; pointer-events: auto;}
 
  .s_banner{ margin-top: 6.25rem;}
  .s_banner .swiper .swiper-slide strong{ font-size: 1.5rem;}
  .s_banner .swiper .swiper-slide p{ line-height: 1.4; width: 100%; font-size: 1.125rem;}
  .s_banner .swiper .swiper-pagination{ bottom: 2%;}
  .s_biao{ font-size: 2rem;}
  .s_news{ margin-bottom: 2rem;}
  .s_news .dw{ transform: translateY(0); padding: 1.5rem 4rem;}
  .s_news .ico-next{ right: 1rem;}
  .s_news .ico-prev{ left: 1rem;}
  .cp_list{ flex-wrap: wrap;}
  .cp_li{ width: 49%;}
  .cp_li:not(:nth-child(4n)){margin-right: 0;}
  .cp_li:not(:nth-child(2n)){margin-right: 2%;}
  .s_solution{ height: auto; padding: 3rem 0;}
  .s_solution p{ width: 100%;}
  .ty_solution ul{ flex-wrap: wrap;}
  .ty_solution ul{ margin-top: 2rem;}
  .ty_solution ul li{ margin-top: 1rem;}
  .sab_left{ flex: 0 0 100%; padding-right: 0; margin-bottom: 2rem;}
  .s_email .s_biao p{ padding-left: 0;}
  .footer{ padding-top: 0;}
  .footer>.container>.flex{ display: none;}
  .foot_di{ margin-top: 0;}

  .n_banner{ height: 20rem;}
  .n_nav .flex{ height: 5rem; padding: 0 2rem;}
  .n_nav ul li{ margin: 0;}
  .n_nav ul{ justify-content: space-between; width: 100%;}
  .weizhi{ display: none;}
  .ban_text strong{ font-size: 2.5rem;}
  .ncp_content{ position: relative;}
  .ncp_left{ position: absolute; left: 0; top: -4rem; z-index: 2; transform: translateX(-100%); background: #fff; width: 80%; padding: 2rem; transition: all 0.3s ease;}
  .ncp_left.active{ box-shadow: 0px 0 .375rem rgba(0,0,0,0.1); transform: translateX(0);}
  .ncp_right{ width: 100%; margin-left: 0;}
  .ncp_img, .ncp_text{ width: 100%; padding: 0;}
  .detial_left{ width: 100%; margin: 0; margin-bottom: 2rem;}
  .detial_right{ width: 100%;}
  .cp_more, .ncp_tab{ margin-top: 3rem;}
  .cp_more ul{ display: none;}
  .ncp_tab li a{ flex-wrap: wrap; text-align: center; line-height: 1.2; padding: 0 .5rem;}
  .ncp_tab li a i{ width: 100%; display: block; text-align: center; margin-right: 0;}
  .ncp_content .tab-content{ padding: 1.5rem;}
  .down_prev, .down_next{ display: none;}
  .down_nav ul li a i{ display: block; width: 100%; text-align: center;}
  .down_nav ul li a{ flex-wrap: wrap; text-align: center;}
  .down_li{ width: 100%;}
  .down_li:not(:nth-child(2n)) { margin-right: 0;}
  .down_li{ height: auto; padding: 1rem 2.5rem;}
  .down_li{ margin-bottom: 1.5rem;}
  .oem_yuan{ width: 24rem; height: 24rem;}
  .oem_img{ width: 11rem;}
  .oem_yuan ul li span{ font-size: 1rem; width: 8rem; white-space: normal;}
  .oem_yuan ul li:nth-child(2) span, .oem_yuan ul li:nth-child(4) span{ left: 3rem;}
  .oem_yuan ul li:nth-child(1) span, .oem_yuan ul li:nth-child(3) span{ right: 3rem;}
  .n_biao{ font-size: 1.875rem; margin-bottom: 3rem;}
  .us_left, .us_right, .nnew_left, .nnew_right, .nab_left, .nab_right{ width: 100%;}
  .so_li, .v_li{ width: 100%; margin-bottom: 2rem;}
  .so_li:not(:nth-child(2n)), .v_li:not(:nth-child(2n)){ margin-right: 0;}
  .new_li a, .n_about{ flex-wrap: wrap;}
  .new_img, .new_text{ padding: 1rem 0; width: 100%; border: none;}
  .new_time{ padding-left: 0;}
  .hot_new{ display: none;}
  .nnew_right{ margin-top: 3rem;}
  .nnew_right h3:nth-last-child(2){ display: none;}
  .n_culture ul, .map_flex{ flex-wrap: wrap;}
  .n_culture ul li, .n_culture ul li.active{ width: 100%; margin-bottom: 1rem;}
  .n_service ul li, .map_left, .lx_right{ width: 100%;}
  .n_service ul li:not(:nth-child(2n)) { margin-right: 0;}
  .n_service{ padding: 4rem 0;}
  .n_contact .caption{flex-wrap: wrap;}
  .n_contact .caption ul{ width: 100%;}
  .n_contact ol{ display: none;}
  .lx_right{ padding: 0;}
  .ty_solution ul li a{ width: 8.375rem; height: 8.375rem;}

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

}

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

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

}

@media (min-width:1201px){

  .header .container, .n_nav .container, .s_about .container, .s_email .container{ max-width: calc(100% - 18.125rem); width: calc(100% - 18.125rem) !important; padding: 0 15px;}

  
  .container{ max-width: calc(100% - 24.375rem); width: calc(100% - 24.375rem) !important; padding: 0 15px;}

}
@media (min-width:1921px){
  .container{ max-width: calc(1920px - 24.375rem); width: calc(100% - 24.375rem) !important; padding: 0 15px;}
}