/* a:hover */
.pro_item .title a:hover{color: #f16b03;}
.web_head{ font-family: ;}
.web_main{background: #fff;}

/* slider_banner */
.slider_banner .swiper-pagination {
    padding-bottom: 5px;
	    margin-bottom: 70px
}
@font-face {
    font-family: fontawesome;
    src: url(../fonts/Font-Awesome/fontawesome-webfont.eot?v=4.5.0);
    src: url(../fonts/Font-Awesome/fontawesome-webfont.eot?#iefix&v=4.5.0) format("embedded-opentype"),url(../fonts/Font-Awesome/fontawesome-webfont.woff2?v=4.5.0) format("woff2"),url(../fonts/Font-Awesome/fontawesome-webfont.woff?v=4.5.0) format("woff"),url(../fonts/Font-Awesome/fontawesome-webfont.ttf?v=4.5.0) format("truetype"),url(../fonts/Font-Awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: fallback
}

/* banner-select */
.category_select{
	position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-40%); z-index: 10; pointer-events: none;
}
.select_inner{margin: 2.5% 0; pointer-events: auto;}
.category_select .title{font-size: 22px; font-weight: bold; font-family: Arial; color: #fff; line-height: 1.25; pointer-events: auto;}
.category_select .sel_btn{background: #f16b03; color: #fff; display: inline-block; height: 44px; line-height: 44px; padding: 0 50px; border-radius: 30px; pointer-events: auto; border: 1px solid #f16b03;}
.category_select .sel_btn:hover{border: 1px solid #f16b03; background: #fff; color: #f16b03;}


.slide-page-box {
    display: none;
}

.slider_banner {
    position: relative;
}

.slider_banner, .swiper-slide {
    overflow: hidden;
}

/* .swiper-container:hover .swiper-button-prev {
    left: 65px
}

.swiper-container:hover .swiper-button-next {
    right: 65px
} */

.slider_banner .swiper-button-next, .slider_banner .swiper-button-prev {
    width: 56px; height: 56px; line-height: 54px; margin-top: -28px; 
	opacity: 0; background-image: none; border-radius: 50%;
}

.slider_banner .swiper-button-next:hover,.slider_banner .swiper-button-prev:hover {
    background-color: #f16b03;
}

.slider_banner:hover .swiper-button-next,.slider_banner:hover .swiper-button-prev {
    opacity: 1
}

.slider_banner .swiper-button-prev {
    left: 0
}

.slider_banner .swiper-button-next {
    right: 0;
}

.slider_banner:hover .swiper-button-prev {
    left: 20px;
}

.slider_banner:hover .swiper-button-next {
    right: 20px;
}

.slider_banner .swiper-pagination {
    width: 7%;
    text-align: center;
    left: 50%;
    bottom: 0px;
	top: auto;
	    transform: translate( -50%);
}

.slider_banner .swiper-pagination .swiper-pagination-bullet {
    width: auto;
    height: auto;
    margin: 0 8px;
    border-radius: 0;
    padding: 8px 0;
    background: 0 0
}

.slider_banner .swiper-pagination .swiper-pagination-bullet:before {
    content: "";
    display: block;
    width: 36px;
    height: 6px;
    border-radius: 1em;
    background-color: rgba(0,0,0,.9)
}

.slider_banner .swiper-pagination .swiper-pagination-bullet-active:before {
    background-color: hsla(0,0%,100%,.9)
}

.slider_banner .swiper-slide img+img {
    position: absolute;
    left: 0;
    top: 0
}

.slider_banner .swiper-slide img {
    width: 100%;
    transition: 3s linear;
    transform: scale(1.08);
}

.slider_banner .swiper-slide.swiper-slide-active img {
    transform: scale(1)
}

.slider_banner .swiper-pagination-bullet {
    margin: 0 8px
}

.banner_txt{position: absolute; left: 0; bottom: 0; color: #fff; background: rgba(0,0,0,.4); padding: 0.78rem 0.6rem;}
.banner_txt .title{font-size: 0.56rem; line-height: 0.64rem;}
.banner_txt ul{float: left;}
.banner_txt ul li{line-height: 0.28rem; color: #fff; font-size: 0.24rem; margin-top: 0.25rem;}
.banner_txt ul li a{color: #fff;}

.slider_banner-phone {display: none; position: relative;}
@media only screen and (max-width: 950px) {
	.category_select{transform: translateY(-50%);}
	.web_main{background: #fff;}
	.slider_banner-phone{display: block; margin-top: 110px; background: #000; min-height: 420px;}
	.slider_banner{margin-top: 50px; display: none;}
	.slider_banner .swiper-button-next, .slider_banner .swiper-button-prev{display: none;}
}

/* home_form */
.home_form{position: relative; margin-top: -2%; z-index: 10;}
.home_form_div{background: #fff; padding: 2.4% 1.8%; align-items: center;}

.home_input{flex-wrap: wrap; justify-content: space-between; flex: 1;}
.home_input .input_item{width: 22%; margin-bottom: 0; display: flex; flex-direction: column; justify-content: space-between;}
/* .home_input .input_item:last-child{width: 100%; margin-bottom: 0;} */
.input_item p{text-transform: uppercase; font-family: 'CHAPARRALPRO-BOLD'; font-size: 18px; color: #f16b03;}
.input_item p span{color: #ED2736; padding-right: 5px; margin-left: -11px;}
.input_item input, .input_item textarea{border-radius: 0; border: none; border-bottom: 2px solid #040000; width: 100%; font-size: 16px; height: 36px; line-height: 36px; margin-top: 8px; padding: 4px 0 8px;}
.input_item textarea{line-height: 28px; height: 112px; margin-top: 10px;}

.form_btn{margin-left: 10px;}
.form_btn .submit_btn{background: #f16b03; color: #fff; line-height: 48px; padding: 0 50px; height: 48px; width: auto; border: none; font-size: 16px; transition: all 0.3s ease; font-size: 24px; font-family: 'CHAPARRALPRO-BOLD'; border-radius: 6px; margin: 0;}
.form_btn .submit_btn:hover{background: #1a4525;}

@media only screen and (max-width: 950px) {
	.home_form{display: none;}
	.home_form_div{flex-wrap: wrap; padding: 20px 15px;}
	.home_input{width: 100%;}
	.home_input .input_item{width: 100%; margin-bottom: 15px;}
	.input_item input, .input_item textarea{border-bottom-width: 1px; margin-top: 2px;}
	.form_btn{width: 100%; margin: 0; text-align: center;}
	.form_btn .submit_btn{margin-top: 5px; font-size: 20px; height: 42px; line-height: 42px;}
}

/* home_product */
.home_product_inner{position: relative; padding: 2% 0 0;    }
.home_product_inner .swiper-slide{height: auto;}
.pro_item{text-align: center;}
.pro_item .pro_pic{padding-bottom: 81.4%; overflow: hidden;}
.pro_item .title{line-height: 1.4; font-size: 22px; font-family: ''; font-weight: bold; padding: 10px 0 10px; text-transform: uppercase;}
.pro_item .title, .pro_item .title a{color: #333;}
.pro_item .brief{line-height: 1.65; font-family: 'ARIAL-MT'; height: 3.3em;}
/* .pro_item:hover .title a{color: #f16b03;} */
.product-prev, .product-next{top: -10%;}
.product-prev{   position: absolute; left: auto;
    right: 22%;}
.product-next{right: 18%;}
/* .product-pagination{display: none;} */

@media only screen and (max-width: 1350px) {
	.pro_item .title{font-size: 20px;}
}
@media only screen and (max-width: 950px) {
	.pro_item .brief{height: auto; display: block;}
	.home_product_inner{padding-bottom: 32px;}
	.product-pagination{display: block;}
	.product-prev, .product-next{top: 36%; display: none;}
	.product-prev{left: -15px;}
	.product-next{right: -15px;}
}

/* home_about */
.home_about .layout{width: 100%; padding-left:calc((100% - 1344px) / 2); padding-right:0;}
.home_about_left{width: 37%; position: relative;}
.home_about_left .about_pic{padding-bottom: 66.92%; overflow: hidden; border-radius: 15px;}
.about_sec_pic{width: 41.32%; float: right; margin-right: -20px;}
.about_sec_pic .about_pic1{padding-bottom: 131.3%; overflow: hidden; border-radius: 12px; margin: -70% 0 0 0;}

.home_about_right{width: 55%;}
.home_about_right .more_btn{margin-top: 3%; padding-left: 10px;}

.home_about_num{flex-wrap: wrap; font-family: 'CHAPARRALPRO-BOLD'; margin-top: 7%; padding-left: 10px;}
.home_about_num .flexColumn{width: 50%; padding: 9% 0 6%; box-sizing: border-box;}
.home_about_num .flexColumn:nth-child(-n+2){border-bottom: 3px solid #333;}
.home_about_num .flexColumn:nth-child(2n+1){border-right: 3px solid #333;}
.home_about_num .flexColumn:nth-child(n+3){justify-content: flex-start; padding: 6% 0 9%;}
.home_about_num .flexColumn:nth-child(2n){padding-left: 5%;}
.home_about_num .world-number{font-size: 36px; line-height: 1.25;}
.home_about_num .world-number-l{font-size: 34px; line-height: 1.25; margin-left: 2px;}
.home_about_num .world-tip-b{font-size: 24px; line-height: 1;}
.home_about_num .num_item{position: relative; padding-left: 84px;}
.home_about_num .num_item .num_icon{position: absolute; left: 0; top: 50%; margin-top: -32px; width: 64px; height: 64px;}
.home_about_num .num_item:hover .num_icon{
	-webkit-animation: swing .6s ease;
	-o-animation: swing .6s ease;
	-moz-animation: swing .6s ease;
	animation: swing .6s ease
}
.home_about_th{display: none;}

@media only screen and (max-width: 1580px) {
	/* .home_about .layout{padding-right: 50px;} */
}
@media only screen and (max-width: 1450px) {
	.home_about .layout{align-items: center;}
	.home_about_num{margin-top: 4%;}
	.home_about_num .flexColumn{padding: 6% 0 4%;}
	.home_about_num .flexColumn:nth-child(n+3){padding: 4% 0 6%;}
	.home_about_num .flexColumn:nth-child(2n){padding-left: 4%;}
	.home_about_num .num_item{padding-left: 76px;}
	.home_about_num .num_item .num_icon{width: 58px; height: 58px; margin-top: -29px;}
}
@media only screen and (max-width: 1350px) {
	.home_about_num{margin-top: 3%;}
	.home_about_num .flexColumn{padding: 4% 0 3%;}
	.home_about_num .flexColumn:nth-child(n+3){padding: 3% 0 4%;}
	.home_about_num .flexColumn:nth-child(2n){padding-left: 3%; justify-content: center;}
	.home_about_num .num_item{padding-left: 65px;}
	.home_about_num .num_item .num_icon{width: 50px; height: 50px; margin-top: -25px;}
	.home_about_num .world-number{font-size: 32px;}
	.home_about_num .world-number-l{font-size: 30px;}
	.home_about_num .world-tip-b{font-size: 20px;}
}
@media only screen and (max-width: 1200px) {
	.home_about_num{margin-top: 2%;}
	.home_about_num .flexColumn{padding: 2% 0 2%;}
	.home_about_num .flexColumn:nth-child(n+3){padding: 2% 0 2%;}
	.home_about_num .flexColumn:nth-child(2n){padding-left: 3%;}
	.home_about_num .num_item{padding-left: 62px;}
	.home_about_num .num_item .num_icon{width: 46px; height: 46px; margin-top: -23px;}
	.home_about_num .world-number{font-size: 28px;}
	.home_about_num .world-number-l{font-size: 26px;}
	/* .home_about_num .world-tip-b{font-size: 20px;} */
}
@media only screen and (max-width: 950px) {
	.home_about_th{display: block;}
	.home_about .layout{padding: 0 15px; flex-wrap: wrap;}
	.home_about_left{width: 88%; padding-top: 8px;}
	.about_sec_pic{margin-right: -13%;}
	.about_sec_pic .about_pic1{margin-top: -94%;}
	.home_about_right{width: 100%; padding-top: 10px;}
	.home_about_right .more_btn{padding-left: 0;}
	.home_about_num{padding-left: 0;}
	.home_about_num .flexColumn{border: none !important;}
	.home_about_num .flexColumn:nth-child(2n){padding-left: 0;}
	.home_about_right .web_th .s_title, .home_about_right .web_th .title{display: none;}
	
	.home_about_num .flexColumn:nth-child(n+3){padding-bottom: 0;}
	.home_about_num .world-number{font-size: 24px;}
	.home_about_num .world-number-l{font-size: 22px;}
	.home_about_num .num_item{padding-left: 48px;}
	.home_about_num .num_item .num_icon{width: 38px; height: 38px;}
}

/* home_about_say */
.home_about_sasy{  display: flex; justify-content: space-between;}
.home_about_say{position: relative;}
.home_about_list{padding-top: 2.6%; position: relative;}
.about_say_item{background: #fff; border-radius: 12px; padding: 15% 8% 12%; text-align: center; color: #333; line-height: 1.5; position: relative; z-index: 0; display: flex; flex-direction: column; justify-content: space-between;}
.about_say_item:last-child{margin-right: 0;}
.about_say_item .title, .about_say_item .name{font-family: 'CHAPARRALPRO-BOLD'; font-weight: bold; text-transform: uppercase; font-size: 22px; line-height: 1.25;}
.about_say_item a{color: #333; transition: 0s;}
.about_say_item .title{margin-bottom: 4%;}
.about_say_item .about_pic{width: 104px; height: 104px; margin: 8% auto 5%; overflow: hidden; border-radius: 50%;}
.about_say_item .about_pic img{width: 100%; height: 100%; object-fit: cover;}
.about_say_item:before{background: #f16b03; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 0; z-index: -1; border-radius: 12px;}
.about_say_item:hover{color: #fff;}
.about_say_item:hover:before{height: 100%;}
.about_say_item:hover a{color: #fff;}

.about-prev{left: -50px;}
.about-next{right: -50px;}
.about-pagination{display: none;}

@media only screen and (max-width: 1350px) {
	.about_say_item{padding: 10% 6% 8%;}
	.about_say_item .title, .about_say_item .name{font-size: 20px;}
}
@media only screen and (max-width: 950px) {
	.about_say_item{padding: 25px 15px 20px;}
	.home_about_list{flex-wrap: wrap; padding-bottom: 30px;}
	.about_say_item{width: 100%; margin: 0 0 20px 0; background: #f16b03; color: #fff;}
	.about_say_item a{color: #fff;}
	.about_say_item:last-child{margin-bottom: 0;}
	.about_say_item .about_pic{margin: 20px auto 15px;}
	.rengstext{ min-height: initial  !important;  max-height: initial  !important;}
	.about-prev, .about-next{display: none;}
	.about-pagination{display: block;}
}
.heng-tiet{    margin: 0% 2%; width: 180px; color: #fff; text-align: center; display: flex; justify-content: center; align-items: center; background-color: #f16b03; height: 50px; border-radius: 20px;}
.slider_banner .swiper-container-horizontal>.swiper-pagination-progressbar{  bottom: 0 !important;}
.psost_trw{ position: absolute; z-index: 2; left: 50%; top: 67%; transform: translate(-50% ,-50%);}
.Portuguese_t{ position: relative !important;}
.posd_tille{  color: #fff ;  font-size: 40px; font-family: 'ROBOTO-BOLD';}
.posd_text{ position: relative;  z-index: 2;  margin-top: 20px !important; height: 50px; width: 180px;     margin: 0 auto;  text-transform: uppercase;     justify-content: center; text-align: center; border-radius: 20px; color: #fff; display: flex; align-items: center; background-color: #004257 ;}
.pro_item:hover .Portuguese_t::before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	left: 0;
    z-index: 1;
	background: #f16b03;
	opacity: 0.3;
}
.pro_item:hover  .posd_text{  	background: #f16b03;}
.web_th{max-width: 1353px  !important;}
/* OUR PRODUCTS */
.s_title{ text-align: left; display: block;}
.s_title:hover{color: #f16b03;}
.home_product_inners{ padding-top: 2.6%; margin-left: calc((100% - 1344px) / 2);}
.posr{    margin-top: 15% !important;  padding-bottom:  45.4% !important;}
.pores{ text-align: left; border: 1px solid #e6e6e6; padding: 60px 50px; height: 100%;}
.view_v{    margin-top: 50px; text-align: center; justify-content: center; align-items: center; display: flex; text-transform: uppercase; color: #fff; border-radius: 20px; width: 170px; height: 50px; background-color: #004257;}
.view_v a{ color: #fff;}
.view_v:hover{border-radius: 20px; width: 170px; height: 50px; 	background: #f16b03;
}
.pores:hover{ background: #f7f7f7; }
.sjet_te{ position: relative;}

.swiper_products .swiper-pagination {
    width: 8%;
    text-align: center;
    left: 42%;
    bottom: -14%;
	top: auto;
	    /* transform: translate( -40%); */
}
.swiper_productss{ flex-wrap: wrap; display: flex; justify-content: space-between; justify-content: center;}
.swiper_product .mwang{ width: 32%; margin: 0 5%;}
.pores:hover .view_v{ background: #f16b03; }


/* home_about */
.home_about{ margin-top: 8%;}
.pad_top_labuts{ padding-top: 7.5%;}
.home_geing{ font-size: 50px; color: #333333; font-family:'ROBOTO-BOLD' ;}
.home_abtsing{ font-size: 16px; color: #666666; font-family: ROBOTO-REGULAR;}
.home_about_left .more_btn{ margin-top: 16%; margin-bottom: 34%; position: relative; width: 248px; display: flex;  align-items: center; justify-content: center; height: 60px; background: #004257;   color: #fff;  border-radius: 20px;}
.home_about_left .more_btn a{ padding-right:0; color: #fff; font-family:ROBOTO-REGULAR;  font-size: 16px;}
.home_about_left .more_btn:hover{ background: #f16b03;}
/* services */
.weng{ position: relative; padding-bottom: 140%; width: 100%;  overflow: hidden;
    height: 100%;}
	.antimng:hover{      transform: scale(1.05);}
.antimng{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;  transition: all 0.4s ease;}
.services  ul{ display: flex; justify-content: space-between;}
.services ul li{ width: 33%;  padding-left: 0.5%;}
.services ul li .serog{ background: #f7f7f7;  height: 90px; display: flex; justify-content: center; align-items: center;}
.services   .servicesing{       margin-bottom: 3%;  margin-top: 9%; display: flex; justify-content: space-between; }
 .serlef{ font-size: 50px; text-transform: capitalize; font-family:'ROBOTO-BOLD'; } 
.services   .servicesing .serref{   display: flex; justify-content: center; align-items: center; width: 180px; height: 50px;  background: #004257; border-radius: 20px;}
.services   .servicesing .serref a{ text-transform: uppercase; color: #fff; }
.services   .servicesing .serref:hover{ background: #f16b03; }
.services ul li:hover .serog{  background: #f16b03;color: #fff; margin-top: -1;}
.services .layout .layouts{  width: 95%;
    margin: 0 auto;}
	.layouts{ width: 95%; margin: 0 auto;}
	 .home_about_say .layoulfet .layusliert{ width: 65%;     padding-bottom: 23%;}
 .home_about_say .layoulfet{ background: #004257; width: 55%; padding-left: 13%;}
  .home_about_say .lagegres{ background: #f16b03; width: 44%;}
  .remgaimg{ font-family: 'ROBOTO-REGULAR'; font-size: 50px; color: #fff;  margin-top: -22%;}
  .layusliert .imgled{ padding-top: 24%;     margin-left: -20%;}
  .rengstext{        min-height: 10em;
    max-height: 10em;
    overflow: auto;    line-height: 2;  margin-top: 7%;   margin-bottom: 14%; color: #fff; font-size: 16px;     font-family: ROBOTO-REGULAR; }
  .miang_bottom{ justify-content: center;
    align-items: center; display: flex;  
  border-radius: 25px; background: #f16b03;; width: 250px; height: 50px; color: #fff; }
  .miang_bottom a{ color: #fff;}
  .miang_bottom:hover{  border:1px solid #f16b03; background: #004257;}
   .miang_bottom a{ }
    .home_geing ul {  margin-top: 9%;      margin-left: 17%;}
  .home_geing ul li{     margin-bottom: 8%; color:#fff; display: flex; align-items: center; }
.home_geing ul li .home_tietl{      font-family: 'ROBOTO-BOLD';font-size: 20px;   font-weight: bold;}
.home_geing ul li .home_texti{    font-family: 'ROBOTO-REGULAR'; font-size: 18px; align-items: center; }
.home_geing .home_lefimg{  transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1); margin-right: 5%;}
.imgcv{ position: absolute;     top: 52%;
    left: 50%;
    transform: translate(-42%, -30%);}
	.home_geing .home_lefimg:hover{  transform: rotate(360deg);}
	/* .imgcv {
  transition: all 0.5s ease;
  transform: rotate(0deg);
} */
.imgcv:hover {
  /* hover 时旋转 + 放大，效果可自定义 */
  /* transform: rotate(360deg) scale(1.1);  */
}

/* c_lastest_news swiper_honor  */
.c_news_list .swiper-slide{width: calc((100% - 90px) /4);}
.c_lastest_news .c_pub_pic img{ width: inherit !important;  height: inherit !important;}
.c_lastest_news .c_news_item .news_pic{       display: flex;
    justify-content: center;
    align-items: center;min-height: 17em;  padding-bottom: 0;
}  

.Blog_cenimg{  position: relative; width: 100%; height: 100%; padding-bottom: 64%;}
.news_imgs{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.4s ease;}
.lards li:hover  .news_imgs{     transform: scale(1.05);}

.swiper_prevnews{ position: absolute;     width: 1%;
    right: 3%;
    top: -9%;}
.news-prev{ position: absolute; }
.news-next{  position: absolute; }
.home-lisf{  border: 1px solid #ddd;}
.home-lisf:hover{ background: #f7f7f7; }
.home-lisf:hover .c_news_info a{ color: #f16b03; }
.c_lastest_news .c_news_item{ text-align: center;    margin-top: 13%;}
.c_lastest_news .c_news_info{ margin-left:20px;     margin-top: 30px; margin-right: 20px; padding: 30px 0px; border-top: 1px solid #d9d9d9; }
.c_lastest_news .title{ font-size: 50px;      margin-top: 8%; font-size: 50px;    color: #333333;   font-family: 'ROBOTO-BOLD';}
.c_lastest_news .titles{ text-align: center;    font-size: 20px;    color: #333333;   font-family: 'ROBOTO-REGULAR';}
@media (max-width:1575px) {
	.c_lastest_news .titles{height: 56px;}
}
.swiper_honor .swiper-pagination {
    width: 7%;
    text-align: center;
    left: 50%;
    bottom: -15%;
	top: auto;
	    transform: translate( -50%);
}
/* Latest Blog */
.lards{  margin-top: 9%;}
.lards ul{ flex-wrap: wrap; display: flex;}
.lards li{ position: relative; width: 32%; margin-right: 2%;}
.lards li:nth-child(3n){margin-right: 0;}
.Blog_cenimg{ position: relative; overflow: hidden;}
.lards li:hover .Julys_tilte{ color:#f16b03; text-decoration: underline;}
.lards li:hover .Julys{    z-index: 2; background: #f16b03;}
.lards li:hover .Blog_cen .Blog_cenimg::before{position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    left: 0;
    z-index: 1;
    background: #f16b03;
    opacity: 0.3;}
.lards  .title{    margin-bottom: 2.5%; font-size: 50px; font-family: 'ROBOTO-BOLD'; }
.lards  .Julys{ position: absolute;  color: #fff;  display: flex; justify-content: center; align-items: center;
    top: 7%; border-radius: 0 25px 25px 0 ; width: 130px; height: 50px; background: #043f52;}
.Julys_tilte{ margin-top: 2%;margin-bottom: 1%;  font-family:'ROBOTO-REGULAR' ; font-size: 18px; font-weight: bold; line-height: 28px; height: 56px;}	
.Julys_text{ font-family:'ROBOTO-REGULAR' ; color:#666666;}
.xing_bottom{ display: flex;     margin-top: 5%;
    justify-content: end; }
.xing_b{   padding: 4% 0;   text-align: center;   width: 37%;     margin-right: 13%;    background: #123a4491;  }
.xings_tilte{ font-family: 'ROBOTO-BOLD'; font-size: 50px; color: #fff;  }
.xing_b .item { width: 100%;}
.ings_en{width: 65%;     margin: 0 auto;}
.xing_b .item input{ height: 60px;       padding-left: 5px;  margin-top: 10px; font-size: 16px;}
.xing_b .item textarea::placeholder{ font-family:'ROBOTO-REGULAR' ; color: #000; text-transform: uppercase;}
.xing_b .item input::placeholder{ font-family:'ROBOTO-REGULAR' ; color: #000; text-transform: uppercase;}
.xing_b .item textarea{ width: 65%; height: 60px;      margin-top: 10px;}
.xing_b .submits{ margin-top: 5% !important;  margin: 0 auto; border-radius: 25px; width: 150px; height: 50px; text-transform: uppercase; display: flex; justify-content: center; align-items: center;  background: #f16b03;}
.xing_b .submits input{border: none; background: none; color: #fff; font-size: 16px;}
.xing_b .submits a{ color: #fff;}
.xing_b .item_name{ width: 49%;}
.xing_b .item_email{ width: 49%; margin-left: 1.9%;}
.xing_b .item_name input{ width: 100%;}
.xing_b .item_email input{ width: 100%;}
.xing_b .item_phone input{ width: 100%;}
.xing_b .item_message input{ width: 100%;}
.xinag_text{     padding: 3% 0; font-family:'ROBOTO-REGULAR' ; color: #fff; font-size: 16px; }
.serrlef{  display: none; justify-content: center; align-items: center; width: 180px; height: 50px;  background: #004257; border-radius: 20px;} 

.imgcv .imging{  display: none; }
.imgcv .imgin{  display: block; }

.ph{display: none; }

@media only screen and (max-width: 1366px) {.swiper_products .product-next{     right: 17%;}}
@media only screen and (max-width: 950px) {
	.psost_trw{ width: 100%;}
	.miang_bottom{ background: #f16b03;     margin-left: 10px;}
	.swiper-button-next, .swiper-button-prev{ border: 1px solid #ddd; background: #fff;}
.ings_en { width: 100%;}
.c_news_list .swiper-slide{width: 100%;}
.c_lastest_news .title{ font-size: 30px;  margin-top: 10px; }
.xing_b { padding: 4% 15px;  width: 100%; margin-right:0 !important;}
	.c_news_list{     padding-top: 88px !important;}
	.swiper_prevnews {
    position: absolute;
    width: 1%;
    /* right: 3%; */
    top: 7%;
    left: 52px;
      }
.lards ul li{width: 100%; }
.layouts{ width: 100%;}
.xings_tilte{ font-size: 30px;}
.lards .title{ font-size: 30px;}
.swiper_honor .swiper-pagination{  bottom: -2%; width: 25%;}
.swiper_prevnews .news-prev, .swiper_prevnews .news-next{  width: 47px; height: 47px;}
	.home_geing ul{ margin-left:0%;     margin-top: 135px;}
	.home_geing ul li .home_tietl{ font-size: 16px;}
	.home_geing ul li .home_texti{ font-size: 16px;}
	.home_lefimg{ height: 55px; width: 55px;}
	.Julys_text{ display: none;}
	.imgcv .imging{  display: block; }
	.Julys_tilte{     margin-top: 4%;
    margin-bottom: 4%; height: auto; display: block;}
	.imgcv{    top: 50%;
    left: 50%;
	width: 450px;
    transform: translate(-55%, -37%);}
	.home_about_say .lagegres{     margin-top: 10px;}
	.imgcv .imgin{  display: none; }
.swiper_productss .mwang{ width: 100%; margin-bottom: 2%;}
.web_th .s_title{ font-size: 30px;}
.home_product_inners{ margin-left: 0%;}
.pores{ background: #F7F7F7;}
.web_th .s_title{  margin-left: 10px;   margin-bottom: 70px }
.swiper_products .product-prev{left: 13px; }
.swiper_products .swiper-pagination{ bottom: -2%; transform: translateX(-50%);   width: 25%; left: 50%;}
	.swiper_products .product-next{ right: 70%;}
	.home_about { background: #F7F7F7 !important; } 
	.home_about_left{  padding-top: 20px;}
	.more_btn .more::after{  top: initial;}
	.home_about_right{margin-bottom: 30px; }
	.serlef{ font-size: 30px;}
	.serrlef a{ text-transform: uppercase; color: #fff; }
	.serref{ display: none !important;}
	.services ul{flex-wrap: wrap;}
	.services ul li{ width: 50%;}
	.home_about_sasy{ flex-wrap: wrap;}
	.remgaimg{ font-size: 30px; margin-left: 10px;}
	.layusliert .imgled{ margin-left: 0;}
	.layusliert .imgled{ padding-top: 34px;}
	.layusliert .imgled{ width: 26%;}
	.home_about_say .layoulfet{ width:100%}
	.rengstext{margin-left: 10px;}
	.home_about_say .layoulfet{ padding-left: 0;}
	.home_about_say .layoulfet .layusliert{width: 100%;}
	.serrlef{ display: flex; margin: 0 auto;     margin-top: 40px !important;}
	.home_about_left .more_btn{       margin-bottom: 40px;  margin-top: 20px;}
	.home_geing{ font-size: 30px;      margin-left: 10px;   margin-bottom: 50px;}
	.home_about_say .lagegres{ width: 100%;}
.swiper_products .product-prev, .swiper_products .product-next{top: -7%; width: 48px; height: 48px;  display: inline-block;}
	.xing_bottom{background-size: cover !important;}
}
@media only screen and (max-width:600px) {

.px{display: none; }
.ph{display:block ; padding: 8% 0;}

}

/* 汽车容器/图片的类名，根据实际调整 */
.imgcv {

  /* 初始无外边距，可根据布局微调 */
  margin-top: 0; 
  /* 动画：名称、时长、速度曲线、循环 */
  animation: floatWithMargin 2s ease-in-out infinite; 
}

/* 关键帧：控制 margin-top 变化 */
@keyframes floatWithMargin {
  0% {
    margin-top: 0;
  }
  50% {
    /* 向上移动，数值越大浮动越明显 */
    margin-top: -20px; 
  }
  100% {
    margin-top: 0;
  }
}





















.web_footer  {
	-webkit-animation: bg-pan-top 8s both;
	        animation: bg-pan-top 8s both;
}


/* ----------------------------------------------
 * Generated by Animista on 2025-6-9 10:5:46
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation bg-pan-top
 * ----------------------------------------
 */
@-webkit-keyframes bg-pan-top {
  0% {
    background-position: 50% 100%;
  }
  100% {
    background-position: 50% 0%;
  }
}
@keyframes bg-pan-top {
  0% {
    background-position: 50% 100%;
  }
  100% {
    background-position: 50% 0%;
  }
}
.submits .wewe{ border: initial; background: inherit; color: #fff; font-size: 16px; font-family: Arial, Helvetica, sans-serif; height: 70% !important;}