*{box-sizing:border-box; margin:0; padding:0; list-style:none; font-size:16px }
html {font-size: calc(100vw * 100 / 1920);}
a{ color:#333; text-decoration:none;   }
a:hover{text-decoration:none;}
h1,h2,h3,h4,h5,h6{ margin: 0;font-weight:normal;}
hr{ border:none;}
.clear{ clear:both;}
p,ul{margin: 0;}
input,textarea{outline:none;}
.row{ margin: 0px;}
.container{ margin: 0px auto; width:1400px;}
.w1440{ margin: 0px auto; width:1400px;  }
.l{float: left}
.r{float: right}
audio, canvas, progress, video{display: inline-block; vertical-align: baseline;}
*:focus {
    outline: none; 
}
em{font-style:normal}
img {border:0;  
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	vertical-align:middle;
	-webkit-touch-callout: none;
}



.header_all{width:100%; height:1.08rem; position: fixed; top:0; left: 0; z-index:9;  display: flex; justify-content: space-between;  padding: 0 6%; align-items: center;}
.h_logo{width:auto; height:1.08rem; display: flex; align-items: center;}
.h_logo img{width:1.25rem; }
.header_center{width:86%; height:.58rem; background: rgba(255,255,255,0.3); border-radius:35px; display: flex; justify-content: space-between;border: 1px solid #ffffff9e;}
.h_fwdhs{background: #fff; color:#358fbd; font-size:max(12px, .16rem); border-radius:35px; line-height:.58rem; padding: 0 .2rem;}
.h_fwdhs span{color:#358fbd; font-size:max(12px, .2rem); font-weight: bold;}
.header_yuyan{position: relative; width:110px; margin-left:2%;}
.header_yuyan .lang-switcher{color:#fff; font-size: 16px; background: url(../images/yy_icon.png) no-repeat left center; padding-left:35px; position: relative;}
.logo2{display: none;}
.f_top{background: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.2);}
.f_top .logo2{display:block;}
.f_top .logo1{display:none;}
.f_top .h_fwdhs{background: #83d5f7; color:#fff}
.f_top .h_fwdhs span{color:#fff}
.header_yuyan select{background:none; border:0; appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none; background: url(../images/yy_san.png) no-repeat right center; color:#fff; padding-right:25px}
.header_yuyan option{color:#fff}
.header_right{width:78%; display:flex; align-items:center; justify-content:space-between}



/*导航*/
#menu{width:72%; height:.58rem; position: relative; z-index:9; padding-left:5%; }
#menu .nav{ position:relative; z-index:1; width:100%; height:.58rem; display: flex; justify-content:space-between;}
#menu .nav .nLi{ float:left;  position:relative; display:inline; }
#menu .nav .nLi p{font-weight: normal; width:auto; text-align:center;  z-index: 2; position: relative; line-height: .58rem;   }
#menu .nav .nLi p a{color:#fff; font-size:max(12px, .18rem); height:100%;  position: relative;  display: table; margin: 0px auto; }
#menu .nav .sub{ display:none; width:140px; left:50%; margin-left: -70px; top:.58rem;  position:absolute;  line-height:30px; z-index: 99999; background: #eee}
#menu .nav .sub li{ zoom:1; }
#menu .nav .sub a{ display:block; text-align: center; height:auto; line-height:26px; font-size:max(12px, .15rem);  color:#333; margin:8px 0}
#menu .nav .sub a:hover{ color:#0098e7;  }
#menu .nav .active p a,#menu .nav .nLi:hover p a{font-weight: bold; }
.f_top #menu .nav .nLi p a{color:#333}
.f_top .lang-switcher{ background: url(../images/yyh_icon.png) no-repeat left center; color:#333}
.f_top .header_yuyan select{color:#333;  background: url(../images/yyh_san.png) no-repeat right center;}




/*手机*/
.index_header{width:100%; height: auto; overflow: hidden; z-index:999; display:none; background:#fff; position:fixed; top:0; left:0}
.header{width:100%; clear:both; height:.7rem; padding: 0 .2rem }
.sj_logo{float:left; width:auto; height: 100%; }
.sj_logo a{width:100%; height:100%; display: block; display: flex; align-items: center; }
.sj_logo a img{align-items: center; width:1rem }
.menu{float:right; height:100%; width:.4rem; }
.menu a{width:100%; height: 100%;  display: flex; align-items: center; }
.menu img{height:auto; width:100%; align-items: center; margin: 0px auto;}
#pgcontainer{margin:0px; padding:45px 0px;}
.overlay{left:0px; right:0px; bottom:0px; position: fixed; z-index:99; background-color:rgba(0, 0, 0, 0.5);}
.openmenu .overlay{top:0px;}
#hamburgermenu{background: #0098e7; left:0px; top:0px; width:0px; height:100%; overflow-y:scroll; position:fixed; z-index:999; box-shadow:3px 0px 7px rgba(0,0,0,0.55); -webkit-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55); -moz-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55);}
.nav_logo{width:100%; padding-top:10px; text-align:center; clear:both;}
.nav_logo img{height:35px; margin:5px 0px;}
.menu_head{width:100%; min-width:150px; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; line-height:.42rem;padding: .04rem 0; text-indent:1em; color:#fff;  
	font-size:.26rem; position:relative; margin:0px;}
.menu_head img{vertical-align:middle; height:25px; padding-right:5px;}
.menu_head a{color:#fff; font-size:.26rem; display:block}
.menu_body{width:100%; min-width:150px; overflow:hidden;  display:none;}
.menu_body a{width:100%; display:block; height:auto; line-height:.45rem; color:#fff; text-indent:1em; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; 
	font-size: .24rem}



/*banner*/
.banner,.sj_banner{ width:100%; height:auto; position: relative; overflow: hidden; }
.banner .swiper-slide a,.sj_banner .swiper-slide a{width:100%; display: block}
.banner .swiper-slide a img,.sj_banner .swiper-slide a img{width:100%; display: block}
.banner .swiper-pagination-bullet{width:12px; height: 12px; background: #fff;}
.banner .swiper-pagination{bottom:30px}
.banner .swiper-button-next,.banner .swiper-button-prev{width:.65rem; height:.65rem;}
.banner .swiper-button-next{background: url(../images/ban_right.png) no-repeat center; right:3%; background-size:100% 100%}
.banner .swiper-button-prev{background: url(../images/ban_left.png) no-repeat center; left:3%; background-size:100% 100%}
.ban_info{width:1400px; height: auto; left:50%; top:25%; transform: translate(-50%,0);  position: absolute;}
.ban_info h4{color:#ffffff; font-size:.66rem; position: relative; line-height:.8rem; display: table; padding-right:.4rem; font-family: "Source Han Serif CN"; width: 28%;}
.ban_info h4:after{content: ""; width:.14rem; height:.14rem; border-radius: 50%; border:0.06rem solid #83d5f7; position: absolute; bottom:0; right:0;}
.ban_info p{color:#fff; font-size: max(12px, .2rem); line-height:.3rem; margin: .9rem 0 .4rem; width:32%;}
.ban_info span{width:1.6rem; height:.5rem; background: #fff; border-radius: 25px; display: block; text-align: center; line-height:.5rem; font-size:max(12px, .16rem); color:#000;}
.ban_info span:hover{background: #0098e7; color:#fff}
.banner .swiper-button-prev:after, .banner .swiper-rtl .swiper-button-next:after{content:""}
.banner .swiper-button-next:after, .banner .swiper-rtl .swiper-button-prev:after{content:""}
.sj_banner{display:none; margin-top:.7rem}
.sj_banner .swiper-pagination-bullet{width:12px; height: 12px; background: #fff;}
.sj_banner .swiper-pagination{bottom:30px}




/*关于我们*/
.index_about{width:100%; height: auto; overflow: hidden; background: #effaff; padding:1.2rem 0 1rem;}
.index_about_left{width:39%; float: left; overflow: hidden; border-radius: 0 100px 0 100px;}
.index_about_left img{width:100%; display: block; border-radius: 0 100px 0 100px; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_about_left:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.index_about_right{width:54.3%; float: right;}
.index_about_right h4{color:#000000; font-size:.28rem; position: relative; padding-left:.4rem;}
.index_about_right h4:after{content: ""; width:.14rem; height:.14rem; border-radius: 50%; border:.06rem solid #83d5f7; position: absolute; top: 50%; left:0; transform: translate(0,-50%);}
.index_about_right h5{color:#000000; font-size:max(12px, .22rem); margin:.3rem 0;}
.index_about_right h5 span{color:#0098e7; font-size: max(12px, .22rem);}
.in_about_xx{width:100%; color: #777777; font-size: max(12px, .16rem); line-height:.34rem; display: block; margin-bottom: .9rem;}
.in_about_more{width:1.6rem; height:.5rem; line-height:.5rem; color: #000000; font-size: max(12px, .16rem); border-radius: 25px; background: #fff; float: right; text-align: center;}
.in_about_img{width:100%; display: block; margin-top: .6rem; border-radius:100px 0 100px 0; overflow: hidden;}
.in_about_img img{width:100%; display: block; border-radius:100px 0 100px 0; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.in_about_more:hover{background: #0098e7; color:#fff}
.in_about_img:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}



/*  产品*/
.index_products{width:100%; margin:.7rem 0;}
.index_products_tt{width:100%;}
.index_products_tt h3{color:#000000; font-size:.28rem; position: relative; padding-left:.4rem; display:table; margin: 0px auto;}
.index_products_tt h3:after{content: ""; width:.14rem; height:.14rem; border-radius: 50%; border:.06rem solid #83d5f7; position: absolute; top: 50%; left:0; transform: translate(0,-50%);}
.index_products_nav{background: #f4f4f4; border-radius:35px; line-height: .56rem; display: table; margin:.3rem auto; padding: 0 .2rem;}
.index_products_nav a{color:#777777; font-size:max(12px, .18rem); margin:0px .3rem; float:left;}
.index_products_nav a:hover{color:#000}
.index_products ul{width:100%; height: auto; overflow: hidden;}
.index_products ul li{width:24.3%; height: auto; float: left; margin-right:.9%; margin-bottom: .2rem; border: 1px solid #e7e7e7; border-radius: 30px;}
.index_products ul li:nth-child(4n){margin-right: 0;}
.index_pro_img{width:100%; overflow: hidden; border-radius: 30px 30px 0 0; height:3rem}
.index_pro_img img{width:100%; height:100%; object-fit: cover; object-position: center center; border-radius: 30px 30px 0 0; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_pro_icon{width:.5rem; margin-top: -.25rem; margin-left: .2rem; position: relative; z-index:1}
.index_pro_icon img{width:100%; display:block}
.index_pro_xx{width:100%; overflow: hidden; padding:0 6% .2rem;}
.index_pro_xx h4{width:100%; height:.4rem; line-height:.4rem; color: #000000; font-size: max(12px, .18rem); text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.index_pro_xx span{color:#777777; font-size: max(12px, .16rem); display:block}
.index_pro_more{width:1.98rem; height: .5rem; line-height:.5rem; border: 1px solid #83d5f7; font-size:max(12px, .16rem); color: #000000; border-radius: 30px; display: block; margin:.2rem auto 0; text-align: center;}
.index_products ul li:hover .index_pro_img img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.index_pro_more:hover{background:#83d5f7; color:#fff}




/*品牌优势*/
.index_ppys{width:100%; height: auto; overflow: hidden; background: url(../images/ppys_bjs.jpg) no-repeat; padding:.8rem 0 .9rem; position: relative; z-index:1} 
.index_ppys_tt{width:100%;}
.index_ppys_tt h3{color:#000000; font-size:.28rem; position: relative; padding-left:.4rem; display:table; margin: 0px auto;}
.index_ppys_tt h3:after{content: ""; width:.14rem; height:.14rem; border-radius: 50%; border:.06rem solid #fff; position: absolute; top: 50%; left:0; transform: translate(0,-50%);}
.index_ppys ul{width:100%; height: 4rem; display: flex; margin-top: .6rem;  justify-content: space-between;}
.index_ppys ul li{width:19%; float: left; height: 4rem; display: flex; align-items: end;}
.index_ppys ul li:nth-child(5n){margin-right: 0;}
.index_ppys_lis{width:100%; background:#fff; padding:.4rem 0 .35rem; border-radius:20% 20% 1.5rem 1.5rem;}
.index_ppys_icon{width:100%; height: .42rem; display: flex; align-items: center; justify-content: center;}
.index_ppys_icon img,.index_ppys_bicon img{max-height: 100%;}
.index_ppys_xx{width:100%; padding: 0 8%; text-align: center;}
.index_ppys_xx h4{width:100%; height:auto; line-height:.4rem; color: #000000; font-size:.24rem; text-align: center; margin: 8px 0 10px;}
.index_ppys_xx hr{width:.6rem; height: 1px; background: #cccccc; opacity: 0; }
.index_ppys_xx img{width:.51rem; display:block; margin:0px auto}
.index_ppys_p{width:100%; line-height:.28rem; height:.84rem; font-size: max(12px, .16rem); color: #777777; text-align: center; margin-bottom: .2rem; overflow:hidden;
}
.index_ppys ul li:hover{background:url(../images/33.png) no-repeat top center; background-size:100% auto}
.index_ppys ul li:hover .index_ppys_xx hr{opacity: 1; margin:.2rem auto;}
.index_ppys_bicon{width:100%; height:.42rem;  align-items: center; justify-content: center; display: none;}
.index_ppys ul li:hover .index_ppys_bicon{display: flex;}
.index_ppys ul li:hover .index_ppys_icon{display:none;}
.index_ppys ul li:hover .index_ppys_lis{padding:.1rem 0 .35rem;border-radius:20% 20% 1.5rem 1.5rem}
.index_ppys ul li:hover .index_ppys_bicon{margin-bottom:.4rem ; }
.index_ppys ul li:hover .index_ppys_bicon img{filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);}



/*新闻*/
.index_news{width:100%; height: auto; overflow: hidden; background: url(../images/news_bjs.jpg) no-repeat; background-size: cover; padding-top: 1.84rem; padding-bottom: 1rem; margin-top: -1rem;}
.index_news_title{width:100%;}
.index_news_title h3{color:#000000; font-size:.28rem; position: relative; padding-left:.4rem; display:table; margin: 0px auto;}
.index_news_title h3:after{content: ""; width:.14rem; height:.14rem; border-radius: 50%; border:.06rem solid #83d5f7; position: absolute; top: 50%; left:0; transform: translate(0,-50%);}
.news_title_nav{background: #fff; border-radius:35px; line-height: .56rem; display: table; margin:.3rem auto; padding: 0 .2rem;}
.news_title_nav a{color:#777777; font-size:max(12px, .18rem); margin:0px .3rem; float:left}
.news_title_nav a:hover{color:#000}
.index_news_swiper{width:100%; height: auto; position:relative }
.index_news_swiper .swiper-slide a{width:100%; height:auto; background: #fff; border-radius:20px; display: block; padding:.25rem .25rem;}
.index_news_swiper .swiper-slide a h5{color:#0098e7; font-size:max(12px, .16rem); display: block; margin-bottom: .1rem;}
.index_news_swiper .swiper-slide a h4{width:100%; height:.4rem; line-height: .4rem; color: #000000; font-size:max(12px, .2rem);  word-break:break-all; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.index_news_pic{width:100%; height: auto; overflow: hidden; margin:0 0 .25rem; border-radius:20px;}
.index_news_pic img{width:100%; display:block; border-radius: 5px; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_news_more{width:100%; border-top: 1px solid #f2f2f2; padding-top:.1rem; display: flex; justify-content: space-between; align-items: center; margin-top:.2rem}
.index_news_more span{color:#777777; font-size: max(12px, .16rem);}
.index_news_more img{transition: all 0.4s ease-in-out; width:.51rem}
.index_news_swiper .swiper-slide a:hover .index_news_pic img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.index_news_swiper .swiper-slide a:hover span{color:#0098e7}
.index_news_swiper .swiper-slide a:hover .index_news_more img{margin-right:2%;}
.index_news_swiper .swiper-button-next,.index_news_swiper .swiper-button-prev{width:65px; height: 65px;}
.index_news_swiper .swiper-button-next{ right:-90px}
.index_news_swiper .swiper-button-prev{left:-90px}
.index_news_swiper .swiper-button-next:hover{color:red}
.index_news_swiper .swiper-button-prev:hover{color:red}



/*问题*/
.index_wenti{width:100%; height: auto; overflow: hidden; margin:.8rem 0;}
.index_wenti_left{width:47%; float:left;}
.index_wenti_left h3{color:#000000; font-size:.28rem; position: relative; padding-left:.4rem;}
.index_wenti_left h3:after{content: ""; width:.14rem; height:.14rem; border-radius: 50%; border:.06rem solid #83d5f7; position: absolute; top: 50%; left:0; transform: translate(0,-50%);}
.index_wenti_left ul{width:100%; height: auto; overflow: hidden; margin-top:.2rem;}
.index_wenti_left ul li{width:100%; height: auto; overflow: hidden; border-bottom: 1px solid #e5e5e5; padding-bottom:15px; margin-bottom:15px;}
.index_wenti_left ul li h4{width:100%; height: .4rem; line-height: .4rem; color: #0098e7; font-size:max(12px, .18rem); text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.index_wenti_left ul li h4 span,.wenti_left_info span{color:#000000; font-size:max(12px, .18rem); margin-right:10px;}
.wenti_left_info{width:100%; display: flex;}
.wenti_left_info p{height:.6rem; line-height:.3rem; color:#777777; font-size:max(12px, .16rem);  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;}
.index_wenti_right{width:46%; height: auto; float: right;}
.index_wenti_right img{width:100%; display: block; border-radius:0 100px 0 100px;}



/*内页*/
.ny_banner{width:100%; height:5.76rem; overflow: hidden;  position: fixed; top: 0;  left: 0;}
.ny_banner img{width:100%; display: block; height:100%; object-fit: cover; object-position: center center;}
.ny_nav{width:100%; height: auto; overflow: hidden; background: #eeeeee;}
.ny_nav a{font-size:max(12px, .18rem); color: #333333; line-height:.7rem; padding: 0 2vw; float: left}
.ny_nav a.active,.ny_nav a:hover{background: #0098e7; color:#fff}
.ny_banner_post{position: absolute; bottom:20%; left:50%; transform: translate(-50%,0); z-index: 1}
.banner_post_zi{width:100%; height: auto; position: relative}
.banner_post_zi h5{color:#fff; font-size:1.4rem; opacity: 0.1; text-transform: uppercase; font-weight: bold; line-height:1.18rem}
.banner_post_zi h4{color:#ffffff; font-size:.48rem; position: absolute; bottom:0; left:0}
.ny_banner_post p{color:#ffffff; font-size:.24rem; margin-top:.2rem;font-weight: 100;}
.ny_about_show{width:100%; height: auto; overflow: hidden; font-size:max(12px, .16rem); color:#666; margin:.4rem 0 1rem;}
.ny_about_show p{font-size:max(12px, .16rem); color:#333; line-height:.34rem;}
.ny_about_show img{max-width:100%;display:block; margin:0px auto}
.ny_product_title{width:100%; text-align: center}
.ny_product_title h4{font-size:.3rem; color: #000000; margin-bottom:.1rem;}
.ny_product_title img{width:.56rem; display:block; margin:0px auto}


/*新闻资讯*/
.ny_news_all{width:100%; height: auto; overflow: hidden; margin: .6rem 0 1.2rem; }
.ny_news_all ul{width:100%; height: auto; overflow: hidden;margin: .4rem 0;}
.ny_news_all ul li{width:100%; height: auto; overflow: hidden; padding: 15px; margin-bottom:20px ;background: #ffffff}
.ny_news_all ul li a{display:flex; justify-content: space-between; align-items:center; height:2rem}
.ny_news_all ul li .ny_time{width:1.15rem;height: auto; float: left;}
.ny_news_all ul li .ny_time span{display: block; font-size: 12px; color: #999; text-align: right}
.ny_news_all ul li .ny_time p{font-size:.4rem; color: #c8c8c8}
.news_xx{width:60%; height: auto; float: left; }
.news_xx h3{width:100%; height:.4rem; line-height:.4rem; font-size:max(12px, .2rem); color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.news_xx p{width:100%; height:.6rem; line-height:.3rem; font-size:max(12px, .16rem); color: #666;  margin:.1rem 0; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; }
.news_xx span{font-size:max(12px, .14rem); color: #aaaaaa; display:block}
.news_pic{width:20%; height: 100%; float: right}
.news_pic img{width:100%; height: 100%; object-fit: cover; object-position: center center; display:block}
.ny_news_all ul li:hover{border: 1px solid #0098e7;}
.ny_news_all ul li:hover .ny_time p,.ny_news_all ul li:hover .ny_time span,.ny_news_all ul li:hover span{color:#0098e7}
.ny_news_all ul li:hover h3{font-weight: bold; }
.ny_news_time{width: 100%; line-height:.4rem; color: #999;  font-size:max(12px, .16rem);  margin-bottom: .2rem;  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; clear: both}
.ny_news_bt{width: 100%; font-size:.3rem; color: #000; padding: 10px 0px; text-align: center; clear: both; font-weight: bold}
#newsfoot {width:100%; border:#DFDFE0 1px solid; background:#F7F7F7;  padding:.1rem 2%; line-height:.3rem; margin-bottom:.1rem; margin-top: .3rem; display: flex; justify-content: space-between;  align-items: center; }
#newsfoot a{color:#666; font-size:max(12px, .16rem)}
#list_hide{position: relative;}
#list_hide a{width:1.1rem; height:.4rem; background: #0098e7; color: #fff; text-align: center; line-height:.4rem; border-radius: 5px; position: relative; display:block; font-size:max(12px, .16rem)}
.newsfoot_left div,.newsfoot_left div b{font-size:max(12px, .16rem)}



/*产品详情*/
.hd{background: #f3f3f3; padding: 1px;  color: #0098e7; font-size:.24rem; font-weight: bold; padding:.15rem }
.bd_xx{width:100%; height:auto; overflow:hidden; font-size:max(12px, .16rem); line-height:.34rem; color:#333; margin-top:.2rem;}
.bd_xx img{max-width:100%;}
.bd_xx p{font-size:max(12px, .16rem); line-height:.32rem; color:#333}
.ny_product_one{width:100%; height:auto; overflow:hidden; margin:.5rem 0}
.ny_proshow_bottom{width:100%; height:auto; overflow:hidden; margin-bottom:.8rem;}
.ny_proshow_xx{margin-left:600px}
.ny_proshow_xx h1{font-size:.24rem; padding-bottom:.12rem;  line-height:.3rem;}
.ny_products_all{width:100%; margin-bottom:1.2rem}
.product_list{ overflow: hidden;  width:100%; margin:.5rem 0 0; padding:15px}
.product_list li{ width:24%; float: left; margin-right:1.33%; margin-bottom:.2rem;display: block; padding:1.3%}
.product_list li:nth-child(4n){ margin-right: 0;}
.ny_pro_img{width:100%; height:3rem; overflow:hidden; }
.ny_pro_img img{width:100%; height:100%; object-fit: cover; object-position: center center; transform: scale(1);  transition: all 1s ease 0s; 
-webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.product_list li:hover .ny_pro_img img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.product_list li .gallery-title{ line-height:.5rem; height:.5rem; margin:.16rem 0 10px; text-align: center; font-size:max(12px, .16rem); transition: all 0.3s; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.product_list li:hover .gallery-title{color: #0098e7;}
.product_list li:hover{box-shadow: 0 0 15px rgba(0, 0, 0, .1);}
.ny_proshow_zhaiyao{width:100%; margin-top:.2rem; color:#333; font-size:max(12px, .16rem); line-height:.3rem}



/*联系我们*/
.lianxi{ overflow: hidden; padding-bottom: 0px;}
#map{ height:auto; width: 100%;}
#map img{width:100%; display:block}
.lianxi_fs{ overflow: hidden; margin-top: 30px; }
.lianxi_fs p{ width:100%;line-height:.6rem; border: 1px solid #e5e5e5; position: relative;padding-left:.2rem; background: #fff;color: #333; margin-bottom: .2rem; font-size: max(12px, .16rem); }
.lianxi_fs p:hover{background: #f3f3f3;}
.lianxi_fs p::before{ content: ""; height:.12rem; width: 2px; display: block; position: absolute; background: #0098e7; left:0; top: 50%; transform:translate(0,-50%)}
.lianxi_ewm{ display: table; margin:.3rem auto;}
.lianxi_ewm li{overflow: hidden; float: left; margin: 0 20px;  text-align: center; width:120px}
.lianxi_ewm li img{border:1px solid #ddd; width:100%}
.lianxi_ewm li p{ line-height: 1.8; font-size: 16px; color: #333;}
#section2{height:1.08rem}
.liuyan{overflow: hidden;  height:auto; background: url(../images/ny_pc_6.jpg) no-repeat center top fixed; padding:.7rem 0;}
.ny_contact_form,.ny_contact_form form{width:100%; overflow:hidden}
.ny_contact_form p{ line-height:.6rem; height:.6rem; border: 1px solid #ffffff87; width: 32%; margin-right:1.4%; position:relative; float:left;}
.ny_contact_form p input[type="text"]{text-indent: 5%; font-size: max(12px, .16rem); color: rgba(255,255,255,0.9); font-weight: bold; background: none; width:100%; height:100%; border:0; display: block;}
.ny_contact_form p input[type="text"]::-webkit-input-placeholder,.liuyan textarea::-webkit-input-placeholder{color:rgba(255,255,255,0.8);}
.ny_contact_form p input[type="email"]{text-indent: 5%; font-size: max(12px, .16rem); color: rgba(255,255,255,0.9); font-weight: bold; background: none; width:100%; height:100%; border:0; display: block;}
.ny_contact_form p input[type="email"]::-webkit-input-placeholder,.liuyan textarea::-webkit-input-placeholder{color:rgba(255,255,255,0.8);}
.ny_contact_form p:nth-child(3){ margin-right: 0; float: right;}
.ny_contact_form textarea{line-height: 2; width: 100%; text-indent:.2rem; font-size:max(12px, .16rem); color: rgba(255,255,255,0.9); font-weight: bold; background: none; border: 1px solid #ffffff87; margin-top: .2rem; height:1.9rem; resize: none;}
.ny_contact_form input[type="submit"]{ width: 2rem; background:#a0a0a0;border: none; font-size:max(12px, .16rem); color: #FFFFFF; height: .6rem;  display: block; cursor: pointer;}
.jrwm{overflow: hidden; padding-bottom: 0px;}
.jrwm .jiaru_nr{ font-size:max(12px, .16rem);}
.jrwm .jiaru_nr p{ line-height: 2;  color: #454545; text-align: justify;font-size: max(12px, .16rem);}
.jrwm .jiaru_nr img{ width: 100%;}
.anli_jz p{ font-size: max(12px, .16rem);  color: #454545; line-height: .3rem;}
.anli_jz p strong{ font-size: max(12px, .18rem);}
.policy_links{margin-top:10px; color:#fff}
.ny_all{width:100%; height:auto; overflow:hidden; margin-top:5.76rem; background:#fff; position:relative; z-index:7}
.about_two_title{width:100%; height: auto; overflow: hidden}
.about_two_title img{width:.56rem; display:block}
.about_two_title h3{color:#000000; font-size:.24rem; margin-bottom:10px}
.about_two_title p{color:#333333; font-size:max(12px, .16rem); margin-top:.3rem; line-height:.3rem;}
.Validform_checktip{display: block;  position: absolute;  color: #f00; right:2%;  top:50%; transform: translate(0,-50%);  line-height: .5rem; font-size:12px;}
.feedback_submit{width:100%; display:flex; justify-content: space-between; margin-top:.2rem; align-items:center}
.feedback_submit_left{display:flex; justify-content: space-between; align-items: center;}
.feedback_submit_ma{display:flex;}
.form-control{width:2rem; height:50px; border:1px solid #fff; font-size:16px; color:#333; padding:0 2%}
.feedback_submit_ma img{height:50px}
.feedback_submit_left .ysxy{margin-left:.1rem}
.feedback_info{width:100%; height:2.1rem; overflow:hidden; position:relative}
.word-tip{position:absolute; bottom:10px; right:10px; color:#fff; font-size:max(12px, .14rem)}
.captcha-wrapper img{height:50px}
.captcha-wrapper{display:flex}



/*荣誉资质*/
.honor{ overflow: hidden; padding-bottom: 1.2rem;}
.honor_list{ overflow: hidden;  width:100%; margin:.5rem 0 0;}
.honor_list li{ width:23.5%; float: left; border: 1px solid #e5e5e5; margin-right:2%; margin-bottom: 20px;display: block;}
.honor_list li:nth-child(4n){ margin-right: 0;}
.product_list li .img{overflow: hidden; min-height:2.45rem; overflow:hidden; display:flex; align-items:center}
.product_list li .img img{ width: 100%; height:100%; transition: all 0.3s; display:block; object-fit: cover; object-position: center center;}
.honor_list li:hover .img img{transition: all 0.3s; transform: scale(1.05);}
.honor_list li .gallery-title{ line-height: 50px; height:50px; background: #e5e5e5;text-align: center; font-size: 16px; transition: all 0.3s; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.keyword_light{line-height:28px;}
.container2{width:1440px;margin: 0px auto;}
.section-content{width:100%; height: auto; overflow: hidden; font-size:max(12px, .16rem); color:#666; margin:.6rem 0 .3rem;}
.ny_news_show{width:100%; height: auto; overflow: hidden; font-size:max(12px, .16rem); color:#666; margin:.6rem 0 1.2rem;}
.ny_news_show p{font-size:max(12px, .16rem); color:#333; line-height:.34rem;}
.ny_news_show p span{font-size:max(12px, .16rem); color:#333; line-height:.34rem;}
.ny_news_show img{max-width:100%;display:block; margin:0px auto}
.ny_news_show .ny_product_title{margin-bottom:.4rem}
.ny_title_1{ overflow: hidden; margin-bottom: .2rem;}
.ny_title_1 h2{font-weight: 300; font-size:.36rem; line-height: 1.2; color: #000;   }
.ny_title_1 p{text-transform: uppercase; font-size: .26rem; color: #0098e7; position: relative; line-height: 2.8; font-weight: bold;    text-align: center;}
.ny_title_1 p::after{ content: ""; position: absolute; display: block; height: 1px; width: 1.4rem; background: #0098e7; right: 45%; bottom: 0;}
.ny_title_1 em{font-style: normal; font-size: 24px; line-height:1.4; color: #000; padding: 15px 0; display: block;}
.ny_title_2{ overflow: hidden;  margin-bottom: .2rem;}
.ny_title_2 h2{font-weight: 300; font-size:.36rem; line-height: 1.2; color: #fff;}
.ny_title_2 p{text-transform: uppercase; font-size: .26rem; color: #fff; position: relative; margin: 10px 0; padding-bottom:10px; }
.ny_title_2 p::after{ content: ""; position: absolute; display: block; height: 3px; width: .8rem; background: #fff; left: 0; bottom: 0;}
.ny_title_2 em{font-style: normal; font-size: 24px; line-height:1.4; color: #fff; padding: 15px 0; display: block;}
.keyword_light tr td{font-size: 16px; color: #333;  line-height: 34px;}
.keyword_light img{max-width:100%}
.ysxy{font-size:max(12px, .14rem); color:#666; display: flex;}
.ysxy a{color:#ff0101; font-size:max(12px, .14rem); }
.ysxy span{color:#fff; font-size:max(12px, .14rem); }






/*联系我们*/
.index_footer{width:100%; height: auto; position: relative; overflow: hidden; padding-top:.76rem; background:#f7fcff url(../images/f_xs.jpg) no-repeat top center;}
.footer_top{width:100%; display: flex; justify-content:space-between;}
.footer_logo a img{width:1.99rem}
.footer_logo p{color:#0098e7; font-size: max(12px, .2rem);}
.footer_info{width:40%;}
.footer_info h4,.footer_ma h4{color:#000000; font-size:max(12px, .22rem); font-weight: bold; margin-bottom: .2rem;}
.footer_info p{color:#000000; font-size:max(12px, .18rem); line-height:.38rem; display: flex; align-items: center;}
.footer_info p img{margin-right:10px;}
.footer_ma{width:16%; }
.footer_ma dl{width:48%; float: left;}
.footer_ma dl dt,.footer_ma dl dt img{width:100%; display:block}
.footer_ma dl dd{width:100%; line-height:.3rem; color:#000000; font-size:max(12px, .16rem); opacity: 0.7; text-align: center;}
.footer_ma dl:nth-child(2n){float:right;}
.footer_bottom{width:100%; height: auto; overflow: hidden; display: flex; justify-content:space-between;  border-top: 1px solid rgba(255,255,255,0.1); margin:.5rem 0 10px;}
.copy_l{width:100%; height: auto; overflow: hidden; font-size:.14rem; color:#999999; line-height:.4rem;  text-transform: uppercase; text-align:center }
.copy_l a{color:#999999; font-size:.14rem; }
.footer_zhichi{width:auto; height:auto; overflow: hidden;  float: right}
.footer_zhichi p{ width: auto; float: left; margin-right: 20px; color:#999999; font-size:.14rem; }
.footer_zhichi p:last-child{margin-right: 0}
.footer_zhichi .js{width:82px;height:.4rem; background: url(../images/wl.png) no-repeat center; }
.footer_zhichi .pt{width:121px;height:.4rem; background: url(../images/vl.png) no-repeat center; }
.footer_zhichi span{float: left; font-size:.14rem; color: #999999; line-height:.4rem;}
.footer_zhichi i{ float: left;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat center}
.footer_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat center}
.footer_lianjie a{font-size:.14rem; color:#999999; line-height:.4rem; margin: 0 .5vw;}





/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:250px;
    width: 77px;
    z-index: 999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
	 font-size: 14px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}

.fix_ewms {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li i.icon-top {
    background-position: -30px -49px; height:32px;
}

.lxfx li p {
    line-height: 12px;
    text-align: center;
    font-size:14px;
}
.lxfx li {
    background:#0098e7;
    height: 62px;
    margin-bottom: 1px;
    margin-left: 0;
    position: relative;
    width: 77px; float:left;
}






@media screen and (max-width:1560px){
	.header_all{padding: 0 3%;}
	.footer_info{width:46%}
	.ban_info h4{width:35%}
	.ban_info p{width:40%}

}


@media (max-width: 1440px) {
	.w1440,.ban_info,.container{width:1200px;}
	#menu{padding-left:3%; width:69%}
	.ban_info p{font-size:max(12px, .22rem)}
	
}


@media (max-width:1280px) {
	.header_center{width:90%}
	.w1440,.ban_info,.container{width:90%}
	.ban_info h4{width:24%}
	.footer_ma{width:20%}
	.ny_banner_post{bottom:10%}
	.ban_info p{line-height:.4rem; font-size:.24rem}
}


@media (max-width:1024px) {
	.footer_logo{width:17%}
	.lxfx{display:none}
}

@media (max-width: 992px) {
	html{font-size: 52px;}

}


@media (max-width:790px) {
	#section2{height:.7rem}
	.w1440, .ban_info, .container {width: 94%;}
	.header_all,.footer_logo,.index_about_left,	.banner,.ny_news_all ul li .ny_time{display:none}
	.sj_banner{display:block}
	.index_header{display:block}
	html{font-size: calc(100vw * 100 / 768);}
	.ban_info h4{font-size:.36rem; line-height:.5rem; width:45%}
	.banner .swiper-button-next,.banner .swiper-button-prev{width:.45rem; height:.45rem;}
	.ban_info p{ margin:.3rem 0; font-size:max(12px, .18rem); width:80%; line-height:.32rem}
	.ban_info{top:10%}
	.ban_info span{width:1.5rem; height:.4rem; line-height:.4rem}
	.ban_info h4:after{width:.12rem; height:.12rem;}
	.footer_top,.index_ppys ul,.feedback_submit{-webkit-flex-wrap: wrap;  flex-wrap: wrap;}
	.footer_logo,.footer_info,.footer_ma{width:100%}
	.footer_info{margin-bottom:.5rem}
	.index_footer{padding-top:.5rem;}
	.footer_ma{width:50%}
	.index_wenti_left,.index_wenti_right,.index_about_right{width:100%}
	.index_about{padding:.6rem 0 .7rem;}
	.index_pro_img{height:2rem}
	.index_pro_icon{width:.4rem}
	.index_ppys ul{height:auto; justify-content: center;}
	.index_ppys ul li{width:31%; margin:0 1%}
	.index_ppys{background-size:cover}
	.ny_contact_form p{width:100%; float:none; margin-top:.2rem}
	.feedback_submit_left{width:100%; margin:.2rem 0}
	.banner_post_zi h5{font-size:1rem}
	.banner_post_zi h4{font-size:.4rem}
	.news_pic{width:34%}
	.product_list li,.index_products ul li{width:48%; margin-right:0}
	.index_products ul li{margin-right:0}
	.index_products ul li:nth-child(2n),.product_list li:nth-child(2n){float:right}

}



@media (max-width:620px) {
	html{font-size:75px;}
	.lianxi_fs p{line-height:.4rem;}
	.banner_post_zi h5{font-size:.5rem; line-height:.9rem;}
	.ny_banner_post p{font-size:max(12px, .2rem)}
	.banner_post_zi h4{font-size:.3rem}
	.ny_banner{height:4.5rem}
	.ny_all{margin-top:4.5rem}
	.menu_head a{font-size:max(12px, .22rem);}
	.menu_body a{font-size:max(12px, .2rem)}
	.index_products_nav a{margin: 0px .2rem;}
	.index_ppys ul li{width:48%}
	.in_about_xx{margin-bottom:.4rem}
	.ny_nav a{padding:0 .2rem}
	.ny_pro_img{height:2rem}
	.index_products_nav{line-height:.45rem}
	.ban_info h4{width:50%}
	.footer_info p{line-height:.3rem}
	.footer_info p img{width:.12rem}
	.index_wenti_left h3:after{border:.04rem solid #83d5f7;}
	.copy_l{line-height:.3rem}
	
}



@media (max-width:425px) {
	html{font-size:70px;}

}