/*

Theme Name: Taihe

Author: xinshidian

Description:定制模板

Version:1.0

*/



body.cur{ background-color: #000; background-image:url(./webfiles/images/pag_3.webp); background-position: center; background-size:cover;}

body{ margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}

html{ scroll-behavior:smooth; }

ul{ margin: 0; padding: 0;}

li{ list-style: none;}

.fl{ float:left;}

.fr{ float:right;}

.clear{ clear:both;}

.cl:after{ content: ''; clear: both; display: table;}

a{ text-decoration: none !important;}





.video_kg{ position:absolute; width:40px; height:40px; background:url(./webfiles/images/cnm_3.png) center center no-repeat rgba(255,255,255,0.2); border-radius:50%; left:15px; bottom:30px; z-index:10; border:none; outline:none;}

.video_kg.active{ background:url(./webfiles/images/cnm_4.png) center center no-repeat rgba(255,255,255,0.2);}

.video_sy{ position:absolute; width:40px; height:40px; background:url(./webfiles/images/cnm_2.png) center center no-repeat rgba(255,255,255,0.2); border-radius:50%; left:65px; bottom:30px; z-index:10; border:none; outline:none;}

.video_sy.active{ background:url(./webfiles/images/cnm_1.png) center center no-repeat rgba(255,255,255,0.2);}

#sVideo{ position:absolute; left:0; right:0; top:50%; margin:0 auto; height:auto; transform:translateY(-50%);}





@font-face {

	font-family: 'BARLOWCONDENSED-BOLD';

	src: url('./webfiles/fonts/BARLOWCONDENSED-BOLD.TTF');

	font-weight: normal;

	font-style: normal;

}



.totop{ position: fixed; right: 17px; bottom: 5%; width: 32px; z-index: 999;}

.totop a{ width: 100%; display: block; height: 32px; line-height: 32px;  text-align: center; color: #fff; background: #000; opacity: 0.55; font-size: 12px; cursor: pointer; transition: all 0.3s;}

.totop a:hover{ opacity: 0.85;}



#fp-nav ul li{ width:18px; height:18px;}

#fp-nav ul li a{ display:block; position:relative; width:18px; height:18px;}

#fp-nav ul li a:after{ content: ''; width: 8px; height: 8px; background: transparent; border: 1px solid #c7c7c7; opacity: 0; transition: all 0.3s; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; border-radius: 50%;}

#fp-nav ul li a.active span:last-child:after{ content: ''; width: 8px; height: 8px; position: absolute; background: #f4c202; opacity: 0.75; top: 50%; transform: translateX(-50%) translateY(-50%); left: 50%;animation:mymove1 1.6s infinite;  -webkit-animation:mymove1 1.6s infinite; /* Safari 和 Chrome */ border-radius: 50%; z-index: -1;}

#fp-nav ul li a.active span:last-child:before{ content: ''; width:8px; height:8px; border-radius: 50%; background:#f4c202; font-size:0; border:none; display:block; margin:0; position: absolute; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); opacity:0.75; clip: inherit; animation:mymove1 1.6s 0.5s infinite;  -webkit-animation:mymove1 1.6s 0.5s infinite; /* Safari 和 Chrome */}

#fp-nav ul li a span:last-child{ background: #c7c7c7; width: 8px; height: 8px; border-radius: 50%; margin: 0; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%);}

#fp-nav ul li a.active span:last-child{ background: #f4c202;}

#fp-nav ul li:hover a:after{ width: 18px; height: 18px; opacity: 1;}

#fp-nav ul li:hover a span:last-child{ left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%);}

#fp-nav ul li:hover a.active:after{ display: none;}

#fp-nav ul li a span:first-child{ transition: all 0.6s; position: absolute; right: 0; opacity: 0; top: 50%; transform: translateY(-50%); white-space: nowrap; font-size: 14px; color: #c7c7c7; width: auto; height: 18px; line-height: 18px; margin: 0; left: auto; clip: auto; border-radius: 0; background: none; pointer-events: none;}

#fp-nav ul li a.active span:first-child{ width: auto; bottom: auto; left: auto; right: 0; height: 18px; margin: 0; top: 50%; transform: translateY(-50%); border-radius: 0;}

#fp-nav ul li:hover a.active span:first-child{ right: calc(100% + 10px); left: auto; top: 50%; transform: translateY(-50%); opacity: 1; margin: 0;}

#fp-nav ul li:hover a span:first-child{ right: calc(100% + 10px); opacity: 1; margin: 0;}

@keyframes mymove1

{

from { width: 8px; height: 8px;}

to { width: 24px; height: 24px; opacity: 0.3;}

}



@-webkit-keyframes mymove1 /*Safari and Chrome*/

{

  from { width: 8px; height: 8px;}

  to { width: 24px; height: 24px; opacity: 0.3;}

}


.s_banner .swiper-slide a{ height: 100vh; display: block; position: relative;}

.s_banner .swiper-slide a.bai{ background: url(./webfiles/images/v_bj.webp) center no-repeat; background-size: cover;}

.s_banner .swiper-slide a.bai:after{ content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.35); position: absolute; left: 0; top: 0; z-index: 2;}

.s_banner .swiper-slide a.bai .dw_ban span{ color: #fff;}

.s_banner .swiper-slide a.bai .dw_ban{ top: 50%;}

.dw_ban{ position: absolute; left: 0; right: 0; margin: 0 auto; width: calc(100% - 320px); top: calc(50% + 45px); transform: translateY(-50%); z-index: 3; transition: all ease-in 1s; text-align: right;}

.dw_ban img{ display: inline-block; max-width: 90%;}

.dw_ban span{ display: block; font-size: 56px; line-height: 70px; font-family: 'Impact'; color: #000; }

.dw_ban span b{ display: block; color: #e3c202;}

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

.s_banner .swiper-pagination .swiper-pagination-bullet{ height: 3px; width: 70px; border-radius: 0; background: #fff; margin: 0 10px; transition: all 0.3s;}







/* 首页样式开始 */

.s_product{ position: relative; z-index: 2;}

.s_product h2{ font-size:56px; color: #000; font-family: 'BARLOWCONDENSED-BOLD'; padding-bottom: 15px; border-bottom: 1px solid #c4c4c4; margin-bottom: 20px;}

.s_product p{ line-height: 32px; font-size: 24px; font-family: 'BARLOWCONDENSED-BOLD'; color: #000; opacity: 0.8; margin-bottom: 60px;}

.s_product .caption span{ width: 80px; display: block; margin: 0 auto; transition: all 0.3s;}

.s_product .caption span a{ padding-top: 100%; display: block; width: 100%;}

.s_product .row .col-2{ width: 20%; padding: 0 15px; float: left;}

.s_product .row .col-2:nth-child(1) .caption span a{ background: url(./webfiles/images/cpl_1.webp) center no-repeat; background-size: cover;}

.s_product .row .col-2:nth-child(2) .caption span a{ background: url(./webfiles/images/cpl_2.webp) center no-repeat; background-size: cover;}

.s_product .row .col-2:nth-child(3) .caption span a{ background: url(./webfiles/images/cpl_3.webp) center no-repeat; background-size: cover;}

.s_product .row .col-2:nth-child(4) .caption span a{ background: url(./webfiles/images/cpl_4.webp) center no-repeat; background-size: cover;}

.s_product .row .col-2:nth-child(5) .caption span a{ background: url(./webfiles/images/cpl_5.webp) center no-repeat; background-size: cover;}

.s_product .caption h5{ margin-bottom: 20px; margin-top: 15px;}

.s_product .caption h5 a{ color: #000; display: block; opacity: 0.62; font-size: 20px; line-height: 24px; text-transform: capitalize; font-family: 'BARLOWCONDENSED-BOLD'; text-align: center;}

.s_product .caption ul{ opacity: 0; transition: all 0.3s; transform: translateY(15px); pointer-events: none;}

.s_product .caption ul li{ margin: 10px 0; text-align: center;}

.s_product .caption ul li a{ font-size: 18px; line-height: 24px; color: #888888; font-family: 'BARLOWCONDENSED-BOLD'; transition: all 0.3s; display: inline-block;}

.s_product .row .col-2:nth-child(1) .caption:hover span a{ background: url(./webfiles/images/cpl_01.webp) center no-repeat; background-size: cover;}

.s_product .row .col-2:nth-child(2) .caption:hover span a{ background: url(./webfiles/images/cpl_02.webp) center no-repeat; background-size: cover;}

.s_product .row .col-2:nth-child(3) .caption:hover span a{ background: url(./webfiles/images/cpl_03.webp) center no-repeat; background-size: cover;}

.s_product .row .col-2:nth-child(4) .caption:hover span a{ background: url(./webfiles/images/cpl_04.webp) center no-repeat; background-size: cover;}

.s_product .row .col-2:nth-child(5) .caption:hover span a{ background: url(./webfiles/images/cpl_05.webp) center no-repeat; background-size: cover;}

.s_product .caption:hover ul{ opacity: 1; pointer-events: auto; transform: translateY(0);}

.s_product .caption:hover ul li a:hover{ color: #f4c202;}

.s_product .caption:hover span{ transform: rotateY(180deg);}





.s_product .container, .s_news .container{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%);}





.s_benefits{ height: 100%; position: relative; z-index: 2;}

.s_benefits .container{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); color: #fff;}

.s_benefits h2{ font-size: 82px; padding-bottom: 10px; border-bottom: 1px solid #fff; margin-bottom: 25px; font-family: 'BARLOWCONDENSED-BOLD';}

.s_benefits p{ font-size: 46px; line-height: 56px; font-family: 'BARLOWCONDENSED-BOLD';}

.s_benefits h5{ margin-top: 80px;}

.s_benefits .caption{ padding-right: 15%;}

.s_benefits:after{ content: ''; width: 60%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background-image: linear-gradient(to right, rgba(254,217,0,0.75) , rgba(254,217,0,0.5),  rgba(254,217,0,0)); opacity: 0; transform: translateX(-60px); transition: all 0.6s;}

.s_benefits.active:after{ opacity: 1; transform: translateX(0); transition-delay: 0.4s;}

.s_benefits .caption h5 a{ display: inline-block; padding: 10px 60px; padding-top: 6px; border: 1px solid #fff; color: #fff; font-family: 'BARLOWCONDENSED-BOLD'; font-size: 36px; line-height: 36px;}

.canvas-box{ height: 500px; overflow: hidden; width: 100%; position: absolute; left: 0; right: 0; bottom: 0;}



.s_news{ margin-top: 45px;}

.s_news h2{ font-size: 46px; color: #000; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #c7c5c6; position: relative; font-family: 'BARLOWCONDENSED-BOLD';}

.s_news h2 a{ display: inline-block; padding: 5px 30px; border: 1px solid #000; position: absolute; top: 100%; right: 0; color: #000; z-index: 2; font-size: 18px; }

.s_news h2 a:hover{ color: #e3c202; border: 1px solid #e3c202;}

.s_news h3{ color: #000; opacity: 0.71; font-family: 'BARLOWCONDENSED-BOLD'; margin-bottom: 30px;}

.left_news a{ padding-top: 60%; display: block; position: relative;}

.snew_text{ padding-left: 165px; position: relative; z-index: 2;}

.left_news .snew_text{ position: absolute; color: #fff; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.64); padding: 10px 15px; padding-left: 165px;}

.snew_text .snew_time{ text-align: center; width: 165px; font-size: 16px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-family: 'BARLOWCONDENSED-BOLD'; color: #fff;}

.snew_time span{ font-size: 40px; display: block; line-height: 36px;}

.snew_time em{ font-style: normal; opacity: 0.67;}

.snew_text h5{ font-family: 'BARLOWCONDENSED-BOLD'; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.snew_text p{ font-size: 16px; color: #fff; opacity: 0.67;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}



.right_news .snew_text{ padding: 20px 0; padding-left: 165px;}

.right_news .snew_text a{ color: #000; display: block;}

.right_news .snew_text p{ color: #000; opacity: 0.67;}

.right_news .snew_text:after{ content: ''; width: calc(100% + 220px); height: 100%; z-index: -1; position: absolute; top: 0; left: -60px; background: #f4c202; opacity: 0; transition: all 0.3s; pointer-events: none;}

.right_news .snew_text:hover:after{ opacity: 1;}

.right_news .snew_text .snew_time{ color: #000;}

.section .footer.ny{ position: static;}

.footer h2{ font-size: 46px; color: #fff; margin-bottom: 20px; font-family: 'BARLOWCONDENSED-BOLD';}

.footer h3{ color: #fff; font-family: 'BARLOWCONDENSED-BOLD'; margin-bottom: 60px;}

.foot_black{ color: #fff; padding: 15px 0;}

.foot_form{ padding: 0 50px; position: relative; z-index: 2;}

.foot_form:after{ content: ''; width: calc(100% + 15px); height: calc(100% + 80px); bottom:-45px; left: 0; background: rgba(0,0,0,0.78); z-index: -1; position: absolute; transition: all 0.3s;}

.foot_form:hover:after{ background: rgba(241,206,0,0.93); height: calc(100% + 110px);}

.foot_contact{ padding: 0 50px; position: relative; z-index: 2;}

.foot_contact:after{ content: ''; width: calc(100% + 15px); height: calc(100% + 80px); bottom:-45px; right: 0; background: rgba(0,0,0,0.78); z-index: -1; position: absolute; transition: all 0.3s;}

.foot_contact:hover:after{ background: rgba(241,206,0,0.93); height: calc(100% + 110px);}

.footer .foot_black h2{ font-size: 30px; margin-bottom: 40px; text-transform: uppercase;}

.foot_form .form-group{ position: relative; margin-bottom: 30px;}

.foot_form .form-group label{ position: absolute; left: 5px; bottom: 0px; font-size: 18px;}

.foot_form .form-control{ border-radius: 0; background: none; border: none; border-bottom: 1px dashed #fff; font-weight: bold; font-size: 18px; padding-left: 80px; box-shadow: none; color: #fff;}

.foot_form button.btn{ background: none; border: 1px solid #fff; color: #fff; padding: 10px 40px; border-radius: 24px; font-size: 18px; transition: all 0.3s;}

.foot_form button.btn:hover{ background: rgba(255,255,255,0.3);}





.foot_form, .foot_contact{ height: 315px;}

.yellow_box .foot_contact{ height: auto;}

/* 底部表单 */

.foot_form h2.module-heading{ display: none;}

.foot_form .wpforms-field-container .wpforms-field{ padding: 0; position: relative; margin-bottom: 10px;}

.foot_form div.wpforms-container-full .wpforms-form .wpforms-field{ padding: 0;}

.foot_form div.wpforms-container-full .wpforms-form label.wpforms-error{ display: none !important;}

.foot_form .wpforms-field-container .wpforms-field .wpforms-field-label{ margin: 0 !important; position: absolute; width: auto !important; left: 5px; font-size: 18px; top: 50%; transform: translateY(-50%);}

.foot_form .wpforms-field-container .wpforms-field input.wpforms-field-medium{ outline: none; background: none; border: none; border-bottom: 1px dashed #fff; height: 26px; padding-left: 95px; font-size: 18px; color: #fff; width: 100%; max-width: 100%; display: block;}

.foot_form div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-erro{ outline: none; background: none; border: none !important; border-bottom: 1px dashed #cc0000 !important; height: 26px; padding-left: 95px; font-size: 18px; color: #fff; width: 100%; max-width: 100%; display: block;}

.foot_form div.wpforms-container-full .wpforms-form button.wpforms-submit{ outline: none; background: none; border: 1px solid #fff !important; color: #fff; padding: 6px 40px; border-radius: 24px; font-size: 18px; transition: all 0.3s;}

.foot_form div.wpforms-container-full .wpforms-form button.wpforms-submit:hover{ outline: none; background: none; border: 1px solid #fff !important; color: #fff; padding: 6px 40px !important; border-radius: 24px; font-size: 18px; transition: all 0.3s;}

.foot_form .wpforms-field-container .wpforms-field textarea.wpforms-field-medium{ height: 34px; outline: none; background: none; border: none; border-bottom: 1px dashed #fff; padding-left: 95px; font-size: 18px; color: #fff; width: 100%; display: block;}

.foot_form .wpforms-field-container .wpforms-field textarea.wpforms-field-medium::-webkit-scrollbar {

  display: none;

}



/* 

.foot_form .wpforms-field-container .wpforms-field.has-error{ background: none;}

.foot_form .wpforms-field-container .wpforms-field.has-error .wpuf-error-msg{ display: none;}

.foot_form div.wpforms-container-full .wpforms-form button.wpforms-submit{ padding: 0; background: none; border: none; box-shadow: none;} */

/* 底部表单 */







.foot_contact p{ padding-left: 25px; position: relative; font-size: 16px; line-height: 30px;}

.foot_contact p i{ position: absolute; left: 0; top: 6px;}

.foot_fx{ margin-top: 30px;}

.foot_fx a{ width: 40px; height: 40px; text-align: center; border-radius: 50%; display: inline-block; margin-right: 15px; position: relative; z-index: 2;}

.foot_fx a:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%; transition: all 0.3s; opacity: 0.85; z-index: -1;}

.foot_fx a.facebook{ background: #3b5998;}

.foot_fx a.youtube{ background: #df2e60;}

.foot_fx a.linkedin{ background: #0077b5;}

.foot_fx a.instagram{ background: #df2e60;}

.foot_fx a.twitter{ background: #1da1f2;}



.foot_fx a.facebook:after{ background: #3b5998;}

.foot_fx a.youtube:after{ background: #df2e60;}

.foot_fx a.linkedin:after{ background: #0077b5;}

.foot_fx a.instagram:after{ background: #df2e60;}

.foot_fx a.twitter:after{ background: #1da1f2;}



.foot_fx a:hover:after{ transform: scale(1.4); opacity: 0.3;}





.foot_fx a i{ color: #fff; font-size: 24px; display: inline-block; line-height: 40px;}

.foot_black .foot_fx a:first-child:after{ display: none;}

.foot_black .foot_fx a:first-child{ color: #fff; border-radius: 0; width: auto; height: auto; line-height: auto; z-index: 9;}

.foot_black .foot_fx a:first-child i{ font-size: 56px; line-height: 70px;}

.foot_black .foot_fx a:first-child span{ width: 120px; height: 120px; display: block; opacity: 0; position: absolute; left: 100%; bottom: 0; pointer-events: none; transition: all 0.3s; z-index: 2; background: #fff; padding: 10px;}

.foot_black .foot_fx a:first-child span img{ display: block; width: 100%;}

.foot_black .foot_fx a:first-child:hover span{ opacity: 1; left: 0;}





.foot_di{ background: #000; padding: 12px 0; position: relative; z-index: 2;}

.foot_di span{ opacity: 0.37; display: inline-block; color: #fff;}

.foot_di span a{ color: #fff;}



.s_product.active .ani_left, .s_product.active .ani_right, .s_benefits.active .ani_left, .s_news.active .ani_left, .s_news.active .ani_right{ transform: translateX(0); opacity: 1; transition-delay: 0.4s;}

.s_news.active .ani_up, .footer.active .ani_up, .footer.active .ani_down{ transform: translateY(0); opacity: 1; transition-delay: 0.4s;}

.footer.active .ani_in{ opacity: 1; transition-delay: 0.4s;}

.ani_left{ transform: translateX(-60px); opacity: 0; transition: all 0.6s;}

.ani_right{ transform: translateX(60px); opacity: 0; transition: all 0.6s;}

.ani_up{ transform: translateY(-60px); opacity: 0; transition: all 0.6s;}

.ani_down{ transform: translateY(60px); opacity: 0; transition: all 0.6s;}

.ani_in{  opacity: 0; transition: all 0.6s;}

/* 首页样式结束 */



/* 内页开始 */

.weizhi{ color: #666; padding: 15px 0;}

.weizhi a{ color: #666;}



.video_banner{ overflow: hidden;}

.video_banner video{ position: absolute; left: 0; right: 0; width: 100%; top: 50%; transform: translateY(-50%);}



.n_banner{ padding-top: 44.6%; position: relative;}


.n_banner {
  background: url('webfiles/images/banner_new.jpg.webp') center no-repeat; 
  background-size: cover;
}

@media (max-width: 768px) {
  .n_banner {
    background-image: url('webfiles/images/banner_new-1536x688.jpg.webp');
  }
}

@media (max-width: 480px) {
  .n_banner {
    background-image: url('webfiles/images/banner_new-768x344.jpg.webp');
  }
}

.n_ban_text{ position: absolute; top: 50%; left: 0; right: 0; z-index: 2; text-align: center; font-size: 78px; font-family: 'Impact'; color: #fed900;}



.n_benefits .row{ margin: 0; display: flex;

    display: -webkit-flex;

    align-items: flex-end;

    flex-wrap: wrap;

    justify-content: space-between;}

.nbe_45{ width: 45%;}

.nbe_55{ width: 55%;}
.nbe_img img{ width: 100%;}

.nbe_text{ padding:50px 30px; background: #eeeeee; color: #000; transition: all 0.3s;}

.nbe_text h2{ font-size: 38px; font-family: 'BARLOWCONDENSED-BOLD';}

.nbe_text ul li{ padding-left: 20px; font-size: 16px; color: #000; position: relative; list-style: none; line-height: 30px;}

.nbe_text ul li:after{ content: ''; width: 8px; height: 8px; background: #fed900; position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(45deg);}

.nbe_text p{ font-size: 16px; margin-top: 40px;}

.nbe_h2{ font-size: 58px; line-height: 60px; color: #000; font-family: 'BARLOWCONDENSED-BOLD'; margin-bottom: 10px;}



.nbe_1, .nbe_2, .nbe_3{ margin: 100px 0;}

.nbe_2:hover .nbe_text, .nbe_3:hover .nbe_text{ background: #fed900;}

.nbe_1{ margin-top: 60px;}

.nbe_1 .nbe_h2{ padding-left: 60px;}

.nbe_1 .nbe_text{ padding: 15px 30px;}

.nbe_1 .nbe_text, .nbe_3 .nbe_text{ padding-left: 60px;}

.nbe_2 .nbe_text{ padding-right: 60px; text-align: right;}



.footer.ny{ background: #121212;}

.footer.ny .foot_form:after, .footer.ny .foot_contact:after{ display: none;}

.footer.ny .foot_form .form-control{ border-bottom: 1px dashed #fff;}

.footer.ny .foot_form{ padding: 0; padding-right: 50px;}

.footer.ny .foot_contact{ padding: 0; padding-left: 50px;}



.n_banner ul{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex;

  display: -webkit-flex;

  align-items: stretch;

  flex-wrap: wrap;

  justify-content: space-between;}

.n_banner ul li{ width: 20%; padding: 0 3%; height: 100%; background: rgba(0,0,0,0.8); text-align: center; padding-top: 10%; font-family: 'BARLOWCONDENSED-BOLD'; transition: all 0.6s; position: relative;}

.n_banner ul li h5{ display: inline-block; opacity: 0; pointer-events: none; transition: all 0.6s; transform: translateY(30px);}

.n_banner ul li h2{ font-size: 46px; margin-bottom: 20px; line-height: 56px; pointer-events: none; opacity: 0; transition: all 0.6s; transform: translateY(30px);}

.n_banner ul li h2 a{ color: #fed900; display: block;}

.n_banner ul li h5 a{ display: block; font-size: 36px; color: #fff; transition: all 0.6s; line-height: 50px; margin: 10px 0; opacity: 0.85; transition: all 0.3s;}

.n_banner ul li h5 a:hover{ color: #fed900;}



.n_banner ul li.active.cur{ background: rgba(0,0,0,0.2);}

.n_banner ul li.active{ background: rgba(0,0,0,0.2);}

.n_banner ul li.active h2, .n_banner ul li.active h5{ opacity: 1; pointer-events: auto; transform: translateY(0);}

.n_banner ul li.active.cur h2, .n_banner ul li.active.cur h5{ opacity: 1; pointer-events: auto; transform: translateY(0);}

.n_banner ul li.active h5 a, .n_banner ul li.active.cur h5 a{ opacity: 1;}

.n_banner ul li.active h5 a, .n_banner ul li.active.cur h5 a{ opacity: 1;}





.n_banner ul li.cur{ background: rgba(0,0,0,0.5);}

.n_banner ul li.cur h2{ opacity: 0.85; pointer-events: auto; transform: translateY(0);}

.n_banner ul li.cur h5{ opacity: 1; pointer-events: auto; transform: translateY(0);}

.n_banner ul li.cur h5 a:hover{ opacity: 1;}



.n_banner ul li.active .ncp_down{ display: block;}

.ncp_down:hover {

	animation-play-state:paused;

}

.ncp_down{ cursor: pointer; position: absolute; bottom: 5%; left: 0; right: 0; color: #fff; opacity: 0.85; font-size: 24px; z-index: 2; display: none;



  animation-duration: 4s;

  animation-iteration-count: infinite;

  transform-origin: center bottom;



  animation-name: go_down_animation;

  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);

}



@keyframes go_down_animation {
	0% {transform: scale(1, 1) translateY(0px);}
	10% { transform: scale(1.1, 0.9) translateY(0px);}
    30% { transform: scale(0.9, 1.1) translateY(-30px);}
    50% { transform: scale(1.05, 0.95) translateY(0px);}
    75% { transform: scale(1, 1) translateY(-7px);}
    100% { transform: scale(1, 1) translateY(0px);}
}





.nab_biao{ font-size: 64px; color: #000; padding-bottom: 5px; position: relative; font-family: 'BARLOWCONDENSED-BOLD'; margin-bottom: 30px;}

.nab_biao:after{ content: ''; width: 86px; height: 7px; background: #fed900; position: absolute; left: 0; bottom: 0;}

.n_about_1 .ty_content p{ font-size: 16px; color: #000; line-height: 24px; margin: 15px 0;}

.n_about_num{ background: #fed900; padding: 20px 0; margin-bottom: 20px; position: relative; z-index: -1;}

.n_about_num .caption{ display: inline-block; text-align: center; width: 100%;}

.n_about_num .caption span{ display: inline-block; font-size: 64px; color: rgba(0,0,0,0.83); padding: 10px 40px; padding-top: 15px; font-family: 'Impact'; line-height: 64px;}

.n_about_num .row .col-lg-3:nth-child(1) .caption span{ background: url(./webfiles/images/abico_1.webp) right bottom no-repeat;}

.n_about_num .row .col-lg-3:nth-child(2) .caption span{ background: url(./webfiles/images/abico_2.webp) right bottom no-repeat;}

.n_about_num .row .col-lg-3:nth-child(3) .caption span{ background: url(./webfiles/images/abico_3.webp) right bottom no-repeat;}

.n_about_num .caption em{ display: block;font-family: 'BARLOWCONDENSED-BOLD'; font-style: normal; font-size: 20px; margin-top: 15px;}

.n_banner_2 .swiper-container .swiper-slide{ width: auto;}

.n_banner_2 .swiper-pagination{ position: static; padding: 30px 0; padding-bottom: 40px;}

.n_banner_2 .swiper-pagination .swiper-pagination-bullet{ margin: 0 10px; background: #000; opacity: 1; outline: none;}

.n_banner_2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fed900;}



.n_contact .container{ height: calc(100% - 90px); position: absolute; left: 0; right: 0; bottom: 0; position: absolute; z-index: 99;}

.yellow_box{ width: 27%; background: rgba(253,217,0,0.77); color: #000;  height:calc(100% - 90px); padding-top: 40px; position: absolute; z-index: 99; left: 8%; bottom: 0;}

.yellow_box h2{ font-size: 54px; font-family: 'BARLOWCONDENSED-BOLD'; margin-bottom: 30px;}

.yellow_box .ewm{ margin-top: 30px;}

.yellow_box .ewm span img{ display: block; margin-bottom: 10px;}

.yellow_box .ewm span{ font-size: 16px; font-family: 'BARLOWCONDENSED-BOLD';}

.yellow_box .foot_contact:after{ display: none;}



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

.my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; }

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



.nnew_li{ padding: 60px 0; transition: all 0.3s;}

.nnew_li a{ display: block; color: #000;}

.nnew_left{ padding-left: 170px; position: relative;}

.nnew_time{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 24px; font-family: 'BARLOWCONDENSED-BOLD'; text-align: center; padding-left: 15px;}

.nnew_time span{ display: block; font-size: 70px; line-height: 80px;}

.nnew_time em{ display: block; opacity: 0.6; font-style: normal;}

.nnew_img{ overflow: hidden;}

.nnew_img i{ display: block; padding-top: 70%; transition: all 0.6s;}

.nnew_img img{ display: block; width: 100%; transition: all 0.6s;}

.nnew_right h3{ font-size: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 30px; font-family: 'BARLOWCONDENSED-BOLD';}

.nnew_right p{ line-height: 30px; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.nnew_right h5{ padding-top: 50px; border-top: 1px solid rgba(0,0,0,0.38); margin-top: 20px;}

.nnew_right h5 span{ padding: 12px 30px; display: inline-block; border-radius: 24px; background: #000; color: #fff; font-size: 16px;}



.nnew_li:hover{ background: #fed900;}

.nnew_li:hover .nnew_img img{ transform: scale(1.05);}

.nnew_li:hover .nnew_img i{ transform: scale(1.05);}



.fanye2{ padding-top: 30px; border-top:1px solid rgba(0,0,0,0.1); margin: 50px 0;}

.fanye2 .caption{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.fanye2 a{ font-size: 16px; color: #000; padding: 5px 0; line-height: 24px;}

.nnew_content .ty_content{ padding: 30px 0;}

.nnew_content .ty_content p{ font-size: 16px; color: #000; line-height: 30px; margin: 15px 0;}



.nnew_nb h1{ font-size: 38px; color: #000; font-family: 'BARLOWCONDENSED-BOLD';}

.nnew_nb h5{ padding: 15px 0; padding-bottom: 20px; font-size: 16px; color: #666; border-bottom: 1px solid rgba(0,0,0,0.3);}



#gtranslate_wrapper{ top: 0;}



/* 产品内页 */

.bag_hui{background-image: linear-gradient(#c5c4c4, #ffffff,#ffffff,#ffffff, #c5c4c4); padding-bottom: 8%; height: 82vh; padding-top: 90px; position: relative;}

.ncp_value{ position: absolute; bottom: 6%; left: 0; width: 100%; z-index: 2;}

.ncp_value ul{ display: flex;

    display: -webkit-flex;

    align-items: flex-start;

    flex-wrap: wrap;

    justify-content: space-around;}

.ncp_value ul li{ position: relative; color: #000; cursor: pointer;}

.ncp_value ul li b{ font-weight: normal; position: absolute; bottom: 90%; font-size: 12px; left: 0; color: #333; opacity: 0; pointer-events: none; transition: all 0.3s;}

.ncp_value ul li:hover b{

  bottom: 100%;

	-webkit-animation: jyin 1.5s forwards;

	animation: jyin 1.5s forwards;

}

@-webkit-keyframes jyin {

  0% { opacity: 0;}

  30% { opacity: 1;}

  60% { opacity: 0;}

  100% { opacity: 1;}

}

@keyframes jyin {

  0% { opacity: 0;}

  30% { opacity: 1;}

  60% { opacity: 0;}

  100% { opacity: 1;}

}



.ncp_value ul li span{ font-size: 24px; display: inline-block;}

.ncp_value ul li small{ font-size: 16px;}

.ncp_value ul li em{ display: block; font-style: normal; font-size: 16px;}

.ncp_ico{ display: inline-block; position: absolute; left: -45px; top: -12px;}

/* .up_down{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 25px; height: 25px;}

.up_down:after{ content: ''; width: 25px; height: 25px; left: 0; top: calc(100% + 20px); position: absolute;} */

.ncp_ico i{ font-size: 40px; color: #000; display: inline-block;}

.ncp_ico i:nth-child(2){ position: absolute; top: 0; left: 0; opacity: 0.2;}

.ncp_value ul li:nth-child(3) .ncp_ico i:nth-child(1){ opacity: 0.2;}

.ncp_value ul li:nth-child(3) .ncp_ico i:nth-child(2){ opacity: 1;}



.ncp_img{ position: relative; height: 100%;}

.bag_hui:after{ content: ''; width: 40%; height: 85%; left: 0; top: 0; z-index: 2; position: absolute;}

.bag_hui:before{ content: ''; width: 40%; height: 85%; right: 0; top: 0; z-index: 2; position: absolute;}

.ncp_img span{ position: absolute; left: 5%; top: 5%; font-size: 78px; color: #fed900; -webkit-text-stroke: 1px #000; text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0; font-family: 'BARLOWCONDENSED-BOLD'; z-index: 3;}

.ncp_img img{ display: block; max-height: 100%; max-width: 100%; margin: 0 auto; transition: all 1s; pointer-events: none;}

.ncp_img img.cad_img{ position: absolute; left: 55%; top: 50%; transform: translateX(-50%) translateY(-50%); max-width: 100%; max-height: 100%; z-index: 3; opacity: 0; transition: all 1s; pointer-events: none;}

.ncp_img:hover img.ani_in{ opacity: 0; transform: translateX(10%);}

.ncp_img:hover img.cad_img{ opacity: 1; left: 50%;}



.ncp_ms{ position: absolute; left: 5%; top: 30%; font-size: 16px; line-height: 24px; color: #333; width: 20%; z-index: 3;}





.ncp_li{ height: 100vh; position: relative;}

.ncp_text{ height: 18vh; position: absolute; bottom: 0; left: 0; width: 100%; background: #464646;}

.ncp_text .container{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); padding-right: 90px !important;}

.ncp_text p{ font-size: 14px; color: #fff; line-height: 28px; margin-bottom: 0;}

.ncp_video{ position: absolute; top: 50%; transform: translateY(-50%); right: 0; z-index: 2; text-align: center;}

.ncp_video a{ color: #fff;}

.ncp_video a i{font-size: 24px; color: #fed900; display: block;}


.ncp_txt{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; color: #fff; line-height: 28px;}


.modal_txt{ position: fixed; width: 100%; height: 100%; z-index: 999; left: 0; top: 0; background: rgba(0,0,0,0.5); pointer-events: none; opacity: 0; transition: all 0.5s;}
.modal_txt.active{ opacity: 1; pointer-events: auto;}
.modal_txt.active .modal_txt_bai{ top: 50%;}
.modal_txt_bai{ position: absolute; top: 55%; width: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background: #333; color: #fff; line-height: 24px; padding: 30px 20px; transition: all 0.5s;}
.modal_txt_close{ position: absolute; right: 0px; top: 0; width: 30px; height: 30px; text-align: center; z-index: 2;}
.modal_txt_close i{ line-height: 30px; display: inline-block; color: #fff; font-size: 18px;}
.modal_txt_bai p{ color: #fff; line-height: 24px; max-height: 500px; overflow: auto;}

.modal_txt_bai p::-webkit-scrollbar {
/*滚动条整体样式*/
width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
.modal_txt_bai p::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 3px;
box-shadow   : inset 0 0 3px rgba(0, 0, 0, 0.2);
background   : #535353;
}
.modal_txt_bai p::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow   : inset 0 0 3px rgba(0, 0, 0, 0.2);
border-radius: 3px;
background   : #ededed;
}


.mod_txt .over_text{ max-height: 400px; overflow: auto;}

.mod_txt .over_text::-webkit-scrollbar {
/*滚动条整体样式*/
width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
.mod_txt .over_text::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 3px;
box-shadow   : inset 0 0 3px rgba(0, 0, 0, 0.2);
background   : #535353;
}
.mod_txt .over_text::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow   : inset 0 0 3px rgba(0, 0, 0, 0.2);
border-radius: 3px;
background   : #ededed;
}


.ncp_li.active .ani_right{ transform: translateX(0); opacity: 1; transition-delay: 0.4s;}

.ncp_li.active .ani_down{ transform: translateY(0); opacity: 1; transition-delay: 0.4s;}

.ncp_li.active .container.ani_down{ transform: translateY(-50%); opacity: 1; transition-delay: 0.4s;}

.ncp_li.active .ani_in{ opacity: 1; transition-delay: 0.4s;}

.ncp_text .container.ani_down{ transform: translateY(-50% - 60px);}

/* 内页结束 */







/* 通用样式 */

.ty_content p{ font-size: 14px; color: #666; line-height: 24px;}

.ty_content img{ max-width: 100%;}





.tabel_content table{ max-width: 100% !important;}

#code{ transform: translateY(-2px);}



.fanye{ padding:30px 0; margin-bottom: 30px;}

.fanye a{ display:inline-block; padding:8px 14px; background:#eeeeee; color:#666; text-decoration:none; margin: 0 5px; border-radius: 3px;}

.fanye a:hover{ color:#e60012;}

.fanye a.active{ background:#e60012; color:#fff;}

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

.fanye a.cur{ color:#999; border:1px solid #eee; pointer-events: none}



.n_contact{ padding: 50px 0; padding-bottom: 80px;}

.n_contact .foot_contact:after{ display: none;}

.n_contact .foot_contact{ padding: 0; height: auto;}



.n_contact .foot_contact h2{ font-family: 'BARLOWCONDENSED-BOLD'; margin-bottom: 30px;}

.n_contact .foot_contact .ewm{ margin-top: 30px;}

.n_contact .foot_contact .ewm span img{ display: block; margin-bottom: 10px;}

.n_contact .foot_contact .ewm span{ font-size: 16px; font-family: 'BARLOWCONDENSED-BOLD';}

.n_contact .foot_contact .foot_fx a{ margin-right: 5px;}

.contact_form h4{ font-family: 'BARLOWCONDENSED-BOLD'; margin-bottom: 30px; line-height: 30px; margin-top: 20px;}

.contact_form h2{ display: none;}

.contact_form div.wpforms-container-full .wpforms-form input.wpforms-field-medium{ height: 34px; border: 1px solid #ccc; border-radius: 4px; display: block; width: 100%; max-width: 100%;}

.contact_form div.wpforms-container-full .wpforms-form button.wpforms-submit{ padding: 8px 30px; border-radius: 24px; background: #000; color: #fff; border: none; font-size: 20px; font-weight: bold;}

.contact_form div.wpforms-container-full .wpforms-form button.wpforms-submit:hover{ padding: 8px 30px; border-radius: 24px; background: #000; color: #fff; border: none; font-size: 20px; font-weight: bold;}

.contact_form .wpforms-container .wpforms-field{ padding: 0;}

.contact_form .wpforms-container .wpforms-field .wpforms-field-label{ margin-bottom: 5px;}

.contact_form textarea.wpforms-field-medium{ width: 100%; border: 1px solid #ccc; border-radius: 4px; display: block;}





.foot_form div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container{display: inline-block;

  vertical-align: middle;}

.foot_form div.wpforms-container-full .wpforms-form .wpforms-submit-container{

    display: inline-block;

    vertical-align: middle;}





/* .contact_form .wpforms-container .wpforms-field.has-error, .contact_form .wpforms-container .wpforms-submit{ background: none;}

.contact_form .wpforms-container .wpforms-field.has-error .wpuf-error-msg{ color: #e60012;}

.contact_form .wpforms-container button.wpforms-submit{ border-color: #e60012;color: #e60012;} */



@media (max-width:767px){

	#fp-nav.fp-right{ right: 0 !important;}


    .n_banner ul{ height: auto; top:50%; transform: translateY(-50%); display: block;}
    .n_banner ul li{ width: 100%; height: auto; padding: 10px 15px; border-top: 1px solid rgba(255,255,255,0.1);}
    .n_banner ul li.active{ padding-bottom: 40px;}
    .n_banner ul li h2{ font-size: 24px; line-height: 30px; margin: 0; opacity: 1; transform: translateY(0); pointer-events: auto;}
    .n_banner ul li h5{ margin: 0; margin-top: 0px; display: none; transition: all 0.3s; transform: translateY(0);}
    .n_banner ul li.active h5{ display: block;}
    .n_banner ul li h5 a{ font-size: 16px; display: inline-block; line-height: 24px; margin: 5px;}

    @keyframes go_down_animation {
        0% {transform: scale(1, 1) translateY(0px);}
        10% { transform: scale(1.1, 0.9) translateY(0px);}
        30% { transform: scale(0.9, 1.1) translateY(-15px);}
        50% { transform: scale(1.05, 0.95) translateY(0px);}
        75% { transform: scale(1, 1) translateY(-7px);}
        100% { transform: scale(1, 1) translateY(0px);}
    }
    .ncp_li{height: 100%;
        background-image: linear-gradient(#c5c4c4, #ffffff,#ffffff,#ffffff, #ffffff);
    }
    .ncp_img{ padding-top: 60px; height: calc(100% - 120px);}
    .ncp_img img{ max-height: 100%;}
    .ncp_img span{ font-size: 30px; top: 5%;}
    .ncp_ico{ left: 0; top: -8px;}
    .ncp_ico i{ font-size: 30px;}
    .ncp_value{ position: static;}
    .ncp_value ul li{ width: 50%; padding-left: 35px; margin-top: 15px;}
    .ncp_value ul li b{ left: 40px;}
    .ncp_value ul li span{ font-size: 18px;}
    .ncp_value ul li small{ font-size: 14px;}
    .ncp_value ul li em{ font-size: 14px;}
    .bag_hui{ padding-top: 60px; background: none; padding-bottom: 15px; height: 75vh;}
    .ncp_text{ position: static; height: auto; padding: 15px 0;}
    .ncp_text .container{ position: static; transform: translateY(0);}
    .ncp_li.active .container.ani_down{ transform: translateY(0);}
    .n_ban_text{ font-size: 24px;}

.modal_txt_bai{ width: 90%;}
.modal_txt_bai p{ max-height: 300px;}
    

    .nbe_45, .nbe_55{ width: 100%;}

    .nbe_1 .nbe_h2{ padding-left: 0;}

    .nbe_h2{ line-height: 30px; font-size: 24px; margin-top: 20px;}

    .nbe_text h2{ font-size: 24px; line-height: 30px;}

    .nbe_1, .nbe_2, .nbe_3{ margin: 30px 0;}

    .nbe_2 .nbe_text{ text-align: left;}

    .nbe_1 .nbe_text, .nbe_2 .nbe_text, .nbe_3 .nbe_text, .nbe_4 .nbe_text{ padding: 15px; padding-top: 5px;}

    .nbe_text ul li{ font-size: 14px; line-height: 24px;}

    .nbe_text p{ margin-top: 15px;}

    .foot_form, .foot_contact{ height: auto; padding: 0;}

    .footer .foot_black h2{ font-size: 24px; margin-bottom: 15px; margin-top: 30px;}

    .foot_form .wpforms-field-container .wpforms-field .wpforms-field-label{ font-size: 16px;}

    .foot_form .wpforms-field-container .wpforms-field input.wpforms-field-medium{ padding-left: 90px;}

    .foot_form div.wpforms-container-full .wpforms-form button.wpforms-submit{ padding: 5px 30px; font-size: 16px;}

    .foot_contact p{ font-size: 14px; line-height: 24px;}

    .foot_fx a{ margin-right: 5px;}



    .nab_biao{ font-size: 30px; margin-bottom: 20px;}

    .nab_biao:after{ height: 4px; width: 60px;}

    .n_about_num{ transform: translateY(0);}

    .n_about_num .caption span{ font-size: 24px; padding:0; display: block; text-align: center; line-height: 50px;}

    .n_about_num .row .col-lg-3:nth-child(1) .caption span { background: url(./webfiles/images/abico_1.webp) center no-repeat; background-size:contain; }

    .n_about_num .row .col-lg-3:nth-child(2) .caption span { background: url(./webfiles/images/abico_2.webp) center no-repeat; background-size: contain; }

    .n_about_num .row .col-lg-3:nth-child(3) .caption span { background: url(./webfiles/images/abico_3.webp) center no-repeat; background-size: contain; }

    .n_about_num .caption em{ margin-top: 5px; font-size: 16px;}

    .n_banner_2{ padding: 30px 0;}

    .n_banner_2 .swiper-pagination{ padding: 0; margin-top: 20px;}



    .nnew_left{ padding-left: 80px;}

    .nnew_time{ padding-left: 10px; font-size: 16px; text-align: center;}

    .nnew_time span{ font-size: 46px; line-height: 60px;}

    .nnew_right h3{ font-size: 20px; margin: 10px 0;}

    .nnew_right p{ line-height: 24px;}

    .nnew_li{ padding: 20px 0;}

    .nnew_right h5{ padding-top: 15px;}

    .nnew_right h5 span{ padding: 8px 20px; font-size: 16px;}

    .nnew_nb h1{ font-size: 20px;}

    .nnew_nb h5{ padding: 10px 0; font-size: 14px;}

    .nnew_content .ty_content{ padding: 15px 0;}

    .fanye2{ padding-top: 15px;}



    .dw_ban{ width: calc(100% - 30px); top: calc(45% + 30px);}

    .dw_ban span b{ font-size: 36px; line-height: 46px;}

    .dw_ban span{ font-size: 24px; line-height: 36px; margin-bottom: 60px; text-align: center;}

    .dw_ban img{ max-width: 100%;}

    .s_product h2{ font-size: 24px; margin: 0; padding-bottom: 10px;}

    .s_product p{ font-size: 16px; line-height: 20px; margin-bottom: 15px;}

    .s_product .caption span{ width: 60%;}

    .s_product .caption h5{ margin: 0; margin-bottom: 10px;}

    .s_product .caption h5 a{ font-size: 14px; line-height: 20px;}

    .s_product .row{ margin: 0 -5px;}

    .s_product .row .col-2{ padding: 0 5px;}

    .s_product .caption ul{ opacity: 1; pointer-events: auto; transform: translateY(0);}

    .s_product .caption ul li{ margin: 0;}

    .s_product .caption ul li a{ font-size: 14px; line-height: 20px;}

    .s_product .scp_img img{ max-width: 50% !important;}

    .s_benefits p{ font-size: 24px; line-height: 30px;}

    .s_benefits h2, .s_news h2{ font-size: 36px;}

    .s_benefits .caption h5{ margin-top: 50px;}

    .s_benefits .caption h5 a{ padding: 10px 30px; line-height: 24px; font-size: 24px;}

    .s_news h3{ font-size: 16px; margin-bottom: 15px;}

    .s_news h2 a{ font-size: 16px; padding: 5px 20px; top: auto; bottom: 0;}

    .right_news .snew_text{ display: none; padding: 15px 0; padding-left: 60px;}

    .left_news .snew_text{ padding: 5px 15px; padding-left: 60px;}

    .right_news .snew_text:first-child{ display: block;}

    .snew_text .snew_time{ width: 60px;}

    .footer .foot_form{ display: none;}

    .footer h2{ font-size: 24px; margin-bottom: 10px;}

    .footer h3{ font-size: 16px; line-height: 20px; margin: 10px 0;}

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



    

.ncp_ms{left: 30%; top: 10%;width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.ncp_value ul{  align-items: stretch;  justify-content: flex-start;}

.ncp_video{ position: static; text-align: left; transform: translateY(0);}

.ncp_video a i {  display: inline-block;  vertical-align: middle;  margin-right: 10px;}

.mod_txt .over_text{ max-height: 260px;}
.footer.ny .foot_contact { padding-left: 0;}

}

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

    

	#fp-nav.fp-right{ right: 0 !important;}


        .n_banner ul{ height: calc(100% - 60px); margin-top: 60px;}

        .n_banner ul li{ width: 100%; height: 20%; padding: 10px 15px; border-top: 1px solid rgba(255,255,255,0.1);}

        .n_banner ul li h2{ font-size: 24px; line-height: 30px; margin: 0; opacity: 1; pointer-events: auto;}

        .n_banner ul li h5{ margin: 0; margin-top: 10px;}

        .n_banner ul li h5 a{ font-size: 16px; display: inline-block; line-height: 24px; margin: 5px;}

        .ncp_img span{ font-size: 30px; top: 5%;}

        .ncp_value ul li{ width: 50%; padding-left: 40px; margin-top: 25px;}

        .ncp_ico{ left: 0; top: -8px;}

        .ncp_ico i{ font-size: 30px;}

        .ncp_value ul li b{ left: 40px;}

        .ncp_value ul li span{ font-size: 20px;}

        .ncp_value ul li small{ font-size: 14px;}

        .ncp_value ul li em{ font-size: 14px;}

        .bag_hui{ padding-top: 60px;}

        .ncp_img{ padding-top: 20%;}

    

        .n_ban_text{ font-size: 24px;}

        .nbe_45, .nbe_55{ width: 100%;}

        .nbe_1 .nbe_h2{ padding-left: 0;}

        .nbe_h2{ line-height: 30px; font-size: 24px; margin-top: 20px;}

        .nbe_text h2{ font-size: 24px; line-height: 30px;}

        .nbe_1, .nbe_2, .nbe_3{ margin: 30px 0;}

        .nbe_2 .nbe_text{ text-align: left;}

        .nbe_1 .nbe_text, .nbe_2 .nbe_text, .nbe_3 .nbe_text, .nbe_4 .nbe_text{ padding: 15px; padding-top: 5px;}

        .nbe_text ul li{ font-size: 14px; line-height: 24px;}

        .nbe_text p{ margin-top: 15px;}

        .foot_form, .foot_contact{ height: auto; padding: 0 15px;}

        .yellow_box h2{ font-size: 30px; margin-bottom: 15px;}

        .yellow_box{ width: 35%; left: 11%; height: calc(100% - 60px); padding-top: 30px;}

        .footer .foot_black h2{ font-size: 24px; margin-bottom: 15px; margin-top: 30px;}

        .foot_form .wpforms-field-container .wpforms-field .wpforms-field-label{ font-size: 16px;}

        .foot_form .wpforms-field-container .wpforms-field input.wpforms-field-medium{ padding-left: 90px;}

        .foot_form div.wpforms-container-full .wpforms-form button.wpforms-submit{ padding: 5px 30px; font-size: 16px;}

        .foot_contact p{ font-size: 14px; line-height: 24px;}

        .foot_fx a{ margin-right: 5px;}

        .foot_fx, .yellow_box .ewm{ margin-top: 15px;}

        .footer.ny .foot_form{ padding-right: 0;}

        .footer.ny .foot_contact{ padding-left: 0;}

        

        .nab_biao{ font-size: 30px; margin-bottom: 20px;}

        .nab_biao:after{ height: 4px; width: 60px;}


        .n_about_num .caption span{ font-size: 24px; padding:0; display: block; text-align: center; line-height: 50px;}

        .n_about_num .row .col-lg-3:nth-child(1) .caption span { background: url(./webfiles/images/abico_1.webp) right bottom no-repeat; background-size: 50%; }

        .n_about_num .row .col-lg-3:nth-child(2) .caption span { background: url(./webfiles/images/abico_2.webp) right bottom no-repeat; background-size: 50%; }

        .n_about_num .row .col-lg-3:nth-child(3) .caption span { background: url(./webfiles/images/abico_3.webp) right bottom no-repeat; background-size: 50%; }

        .n_about_num .caption em{ margin-top: 5px; font-size: 16px;}

        .n_banner_2{ padding: 30px 0;}

        .n_banner_2 .swiper-pagination{ padding: 0; margin-top: 20px;}

    

        .nnew_left{ padding-left: 80px;}

        .nnew_time{ padding-left: 10px; font-size: 16px; text-align: center;}

        .nnew_time span{ font-size: 46px; line-height: 60px;}

        .nnew_right h3{ font-size: 20px; margin: 10px 0;}

        .nnew_right p{ line-height: 24px;}

        .nnew_li{ padding: 20px 0;}

        .nnew_right h5{ padding-top: 15px;}

        .nnew_right h5 span{ padding: 8px 20px; font-size: 16px;}

        .nnew_nb h1{ font-size: 20px;}

        .nnew_nb h5{ padding: 10px 0; font-size: 14px;}

        .nnew_content .ty_content{ padding: 15px 0;}

        .fanye2{ padding-top: 15px;}

    

        .dw_ban{ width: calc(100% - 30px); top: calc(45% + 30px);}

        .dw_ban span b{ font-size: 36px; line-height: 46px;}

        .dw_ban span{ font-size: 24px; line-height: 36px; margin-bottom: 60px; text-align: center;}

        .dw_ban img{ max-width: 100%;}

        .s_product h2{ font-size: 24px; margin: 0; padding-bottom: 10px;}

        .s_product p{ font-size: 16px; line-height: 20px; margin-bottom: 15px;}

        .s_product .caption span{ width: 60%;}

        .s_product .caption h5{ margin: 0; margin-bottom: 10px;}

        .s_product .caption h5 a{ font-size: 18px; line-height: 24px;}

        .s_product .row{ margin: 0 -5px;}

        .s_product .row .col-2{ padding: 0 5px;}

        .s_product .caption ul{ opacity: 1; pointer-events: auto; transform: translateY(0);}

        .s_product .caption ul li{ margin: 0;}

        .s_product .caption ul li a{ font-size: 16px; line-height: 20px;}

        .s_product .scp_img img{ max-width: 50% !important;}

        .s_benefits p{ font-size: 24px; line-height: 30px;}

        .s_benefits h2, .s_news h2{ font-size: 36px;}

        .s_benefits .caption h5{ margin-top: 50px;}

        .s_benefits .caption h5 a{ padding: 10px 30px; line-height: 24px; font-size: 24px;}

        .s_news h3{ font-size: 16px; margin-bottom: 15px;}

        .s_news h2 a{ font-size: 16px; padding: 5px 20px; top: auto; bottom: 0;}

        .right_news .snew_text{ display: none; padding: 15px 0; padding-left: 60px;}

        .left_news .snew_text{ padding: 5px 15px; padding-left: 60px;}

        .right_news .snew_text:first-child{ display: block;}

        .snew_text .snew_time{ width: 60px;}

        .footer h2{ font-size: 24px; margin-bottom: 10px;}

        .footer h3{ font-size: 16px; line-height: 20px; margin: 10px 0;}

    



}

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

  .logo{ height: 70px; margin-top: 10px;}

  .pc_nav>ul>li>a{ font-size: 18px; line-height: 24px;}

  .pc_nav>ul>li ul li a{ font-size: 18px;}

  .pc_nav>ul>li ul li>a{ padding: 5px 20px;}

  .dw_ban span{ font-size: 46px; line-height: 56px;}

  .s_product h2{ margin-bottom: 15px; padding-bottom: 10px; font-size: 36px;}

  .s_product p{ line-height: 24px; font-size: 18px; margin-bottom: 30px;}

  .s_product .caption span{ width: 60px;}

  .s_product .caption h5{ margin-top: 10px; margin-bottom: 15px;}

  .s_product .caption h5 a{ font-size: 18px;}

  .s_product .caption ul li a{ font-size: 16px; line-height: 20px;}

  .s_benefits h2{ font-size: 36px; margin-bottom: 20px;}

  .s_benefits p{ font-size: 30px; line-height: 40px;}

  .s_benefits h5{ margin-top: 60px;}

  .s_benefits .caption h5 a{ font-size: 24px; padding: 5px 40px;}

  .right_news .snew_text{ padding: 6px 0; padding-left: 120px;}

  .snew_text .snew_time{ width: 120px;}

  .left_news .snew_text{ padding-left: 120px;}

  .snew_text p{ font-size: 14px;}

  .snew_time span{ font-size: 30px;}

  .s_news h3{ font-size: 18px;}

  .s_news h2, .footer h2{ font-size: 36px; margin-bottom: 10px;}

  .footer h3{ font-size: 18px; margin-bottom: 20px;}

  .footer .foot_black h2{ font-size: 24px; margin-bottom: 30px;}

  .foot_contact p{ font-size: 14px; line-height: 24px;}

  .foot_form .form-group{ margin-bottom: 25px;}

  .foot_form button.btn{ padding: 6px 30px;}

  .foot_form div.wpforms-container-full .wpforms-form button.wpforms-submit{ padding: 6px 30px;}

  .foot_form, .foot_contact{ height: 275px;}



  .n_banner ul li h2{ font-size: 36px; line-height: 46px;}

  .n_banner ul li h5 a{ font-size: 30px; line-height: 46px;}

  .ncp_img span{ font-size: 30px;}



  .nab_biao{ font-size: 36px; margin-bottom: 10px;}

  .n_about_1 .ty_content p{ font-size: 14px; line-height: 20px;}

  .n_about_num .caption span{ font-size: 40px; line-height: 50px;}


  .n_about_num .col-md-3{ width: 33.33%;}

  .n_banner_2 { margin-top: 30px;}

  .n_ban_text{ font-size: 56px;}

  .nbe_h2{ font-size: 36px; line-height: 46px; padding-left: 30px;}

  .nbe_1 .nbe_text, .nbe_3 .nbe_text{ padding-left: 30px;}

  .nbe_text h2{ font-size: 24px;}

  .foot_fx a{ margin-right: 5px;}

  .yellow_box h2{ font-size: 36px; margin: 0; margin-bottom: 15px;}

  .yellow_box .foot_contact{ height: auto; padding: 0 30px;}

  .yellow_box .foot_contact .foot_fx{ margin-top: 15px;}

  .yellow_box .ewm{ margin-top: 15px;}

  .yellow_box{ width: 35%; left: 6%; height: calc(100% - 60px); padding-top: 30px;}

  .foot_fx{ margin-top: 15px;}

  .foot_black .foot_fx a:first-child i { font-size: 46px; line-height: 46px;}

  .footer .foot_black h2{ margin-top: 10px; margin-bottom: 20px;}



  .n_banner ul li{ padding: 0 15px; padding-top: 15%;}

  .n_banner ul li h2{ line-height: 36px; font-size: 30px;}

  .n_banner ul li h5 a{ font-size: 24px; line-height: 36px;}

  .ncp_value ul li em, .ncp_value ul li small{ font-size: 14px;}

  .ncp_value ul li span{ font-size: 20px;}

  .nnew_right h3{ font-size: 20px; margin-top: 0; margin-bottom: 15px;}

  .nnew_right h5{ padding-top: 15px; margin: 0;}

  .nnew_right h5 span{ padding: 8px 15px; font-size: 14px;}

  .nnew_right p{ line-height: 24px; font-size: 14px;}

  .nnew_left{ padding-left: 120px;}

  .nnew_li{ padding: 30px 0;}

  .nnew_time{ font-size: 20px;}

  .nnew_time span{ font-size: 56px; line-height: 66px;}

  .nbe_1 .nbe_h2{ padding-left: 30px;}

  .nbe_1, .nbe_2, .nbe_3{ margin: 50px 0;}





}

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

  .pc_nav>ul>li>a{ font-size: 18px; line-height: 24px;}

  .pc_nav>ul>li ul li a{ font-size: 18px;}

  .pc_nav>ul>li ul li>a{ padding: 5px 20px;}

  .dw_ban span{ font-size: 46px; line-height: 56px;}

  .s_product h2{ margin-bottom: 15px; padding-bottom: 10px; font-size: 36px;}

  .s_product p{ line-height: 24px; font-size: 18px; margin-bottom: 30px;}

  .s_product .caption span{ width: 60px;}

  .s_product .caption h5{ margin-top: 10px; margin-bottom: 15px;}

  .s_product .caption h5 a{ font-size: 18px;}

  .s_product .caption ul li a{ font-size: 16px; line-height: 20px;}

  .s_benefits h2{ font-size: 36px; margin-bottom: 20px;}

  .s_benefits p{ font-size: 30px; line-height: 40px;}

  .s_benefits h5{ margin-top: 60px;}

  .s_benefits .caption h5 a{ font-size: 24px; padding: 5px 40px;}

  .right_news .snew_text{ padding: 6px 0; padding-left: 120px;}

  .snew_text .snew_time{ width: 120px;}

  .left_news .snew_text{ padding-left: 120px;}

  .snew_text p{ font-size: 14px;}

  .snew_time span{ font-size: 30px;}

  .s_news h3{ font-size: 18px;}

  .s_news h2, .footer h2{ font-size: 36px; margin-bottom: 10px;}

  .footer h3{ font-size: 18px; margin-bottom: 20px;}

  .footer .foot_black h2{ font-size: 24px; margin-bottom: 30px;}

  .foot_contact p{ font-size: 14px; line-height: 24px;}

  .foot_form .form-group{ margin-bottom: 25px;}

  .foot_form button.btn{ padding: 6px 30px;}

  .foot_form div.wpforms-container-full .wpforms-form button.wpforms-submit{ padding: 6px 30px;}

  .foot_form, .foot_contact{ height: 275px;}

  .yellow_box{ left: 9%;}



  .n_banner ul li h2{ font-size: 36px; line-height: 46px;}

  .n_banner ul li h5 a{ font-size: 30px; line-height: 46px;}

  .ncp_img span{ font-size: 46px;}



  .nab_biao{ font-size: 36px; margin-bottom: 10px;}

  .n_about_1 .ty_content p{ font-size: 14px; line-height: 20px;}

  .n_about_num .caption span{ font-size: 40px; line-height: 50px;}


  .n_about_num .col-md-3{ width: 33.33%;}

  .n_banner_2 { margin-top: 30px;}

  .n_ban_text{ font-size: 56px;}

  .nbe_1 .nbe_h2{ padding-left: 30px;}

  .nbe_h2{ font-size: 36px; line-height: 46px; padding-left: 30px;}

  .nbe_1 .nbe_text, .nbe_3 .nbe_text{ padding-left: 30px;}

  .nbe_text h2{ font-size: 24px;}

  .foot_fx a{ margin-right: 10px;}

  .yellow_box h2{ font-size: 36px;}





  

  }

@media (min-width:1441px) and (max-width:1650px) {





  

}



@media (min-width:1441px){

  .container.cw{ width: calc(100% - 320px); padding: 0;}

  .n_contact .foot_contact h2{ font-size: 36px;}

  .contact_form h4{ font-size: 24px;}

  .contact_form .wpforms-field-container.form-label-above li .wpuf-label{ font-size: 18px;}

  .n_about_1 .ty_content{ padding-bottom: 100px;}

}



@media (max-width:991px) {


  .n_banner ul li{ overflow: hidden;}
  /* .n_banner ul li.cur h5{ display: block;} */


  .fanye{ text-align: center ;}

  .fanye a{ padding: 4px 8px ; }

  

  }

@media (min-width:991px) {

  .container{ padding: 0;}
  

}
.section{ overflow: hidden;}