*{box-sizing:border-box;margin:0; padding:0; list-style:none;  font-size: max(12px, .16rem);}
html { font-size: 100px;}
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;}
img{ border:0;  }
input,textarea{outline:none;}
.w80,.w1440,.container{ margin: 0px auto; width:84%; max-width:1600px; }
.l{float: left}
.r{float: right}
audio, canvas, progress, video{display: inline-block; vertical-align: baseline;}
*:focus {outline: none; }
em{font-style:normal}


.header_all{width:100%; height:.9rem; position: fixed; top:0; left: 0; z-index:999;  display: flex; justify-content: space-between;  align-items: center; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.h_logo{width:106px; height:.9rem; display: flex; align-items: center; float: left;}
.h_logo img{max-width: 100%;}
.header_center{width:61%; height:.9rem;  display: flex; justify-content: space-between; float: right; align-items: center;}
.header_yuyan{height:.42rem; position: relative; background: #f70000; border-radius: 25px; padding:0 .2rem 0 .2rem;}
.header_yuyan p{color:#fff; font-size:max(12px, .16rem); position: relative; background: url(../images/y_icon.png) no-repeat left center; background-size:.23rem; padding-left:.3rem;  line-height:.42rem; padding-right: .2rem}
.header_yuyan p:after{content: ""; width:10px; height:7px; background: url(../images/y_san.png) no-repeat center; position: absolute; top: 50%; right:0; transform: translate(0,-50%);}
.header_yuyan_xx{position:absolute; top:42px; left:0; background:#fff; padding:5px 5px 0; width: 100%; text-align: center; display: none;}
.header_yuyan_xx a{color:#333; font-size:max(12px, .16rem); display: block; margin-bottom:10px;}
.header_yuyan:hover .header_yuyan_xx{display:block}
.header_yuyan_xx a:hover{color:#f70000}
.yuyan_hovers{width:50%; height:auto; background:#fff; padding:.1rem .1rem .1rem 5%;  display:none;  position: absolute; top:.6rem; right: 0; z-index: 9; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2);}
.yuyan_hovers h4{font-size:.26rem; color:#333; text-align:center; margin:.1rem 0 .2rem}
.yuyan_hovers a{display:block; margin-bottom:.12rem; font-size:.2rem}
.yuyan_hovers a.active,.header_yuyan_xx a:hover{color:#358fbd}





/*手机*/
.index_header{width:100%; height: auto;  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: #121478; 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:.12rem; 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:.22rem; 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; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; 
	font-size: .2rem; padding-left:.22rem}
.header_icon{float:right; height:.7rem; display:flex; align-items:center; margin-right:.3rem}
.header_icon_img{width:.26rem;}
.header_icon_img img{width:100%; display:block}




/*导航*/
#menu{width:80%; height:.9rem; z-index:9; margin-right:4%;}
#menu .nav{ z-index:1; width:100%; height:.9rem; 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: .9rem;   }
#menu .nav .nLi p a{color:#333; font-size:max(14px, .16rem); height:100%;  position: relative;  display: table; margin: 0px auto; }
#menu .nav .sub{ display:none; width:160px; left:50%; transform:translate(-50%,0);  top:.9rem;  position:absolute;  line-height:25px; z-index: 99999; background: #eee}
#menu .nav .sub li{ zoom:1; padding-left:.1rem }
#menu .nav .sub li a{ display:block;height:auto; font-size:max(14px, .15rem);  color:#333; margin:8px 0}
#menu .nav .sub li a:hover{ color:#f70000;  }
#menu .nav .active p a,#menu .nav .nLi:hover p a{font-weight: bold; color:#f70000}
#menu .nav .pro_nli{position: inherit; overflow: hidden;}
#menu .nav .pro_sub{width:100%;  height:100%; background:#fff; position:absolute; left:0; top:100%; border-top: 1px solid rgba(0, 0, 0, 0.1); transform: translate(0, 0);}
.pro_sub_display{display: flex; justify-content: flex-end;}
.pro_sub_left{width: 27.77%; position: relative;background:#fff}
.pro_sub_left a{display: flex; align-items: center; cursor: pointer; transition: all .4s; padding: .12rem .2rem .12rem 1rem; position:relative; }
.pro_sub_left span{color:#333; font-size:.16rem;}
.pro_sub_icon{width: .64rem; height: .5rem; display: flex; align-items: center;  justify-content: center;}
.pro_sub_icon img{width: auto; height: auto;  max-width: 90%;  max-height: 90%; object-fit: contain;margin-right: 15px}
.pro_sub_right{width: 72.23%;  background-color: #edf0f4;  position: relative; padding: .38rem 0 .4rem .5rem;}
.pro_sub_li{width:100%; height:auto; overflow:hidden; display:none; padding-right:5%}
.pro_sub_li a{width:19%; height:auto; overflow:hidden; float:left; margin-top:.3rem; margin-right:1%}
.pro_sub_li a:nth-child(5n){margin-right:0}
.pro_sub_img{width:100%; height:auto; overflow:hidden}
.pro_sub_img img{max-width:100%}
.pro_sub_li a h3{width:100%; height:.4rem; line-height:.4rem; color:#333;font-size:max(12px, .14rem); text-align:center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.pro_sub_lis{width:100%; display:block;  display: flex;  align-items: flex-start}
.pro_sub_display .hd .on{background:#edf0f4}


/*banner*/
.banner,.sj_banner{ width:100%; height:auto; position: relative; overflow: hidden; }
.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,.sj_banner .swiper-pagination-bullet{width:.12rem; height: .12rem; background: #fff;}
.banner .swiper-pagination,.sj_banner .swiper-pagination{bottom:.3rem}
.banner .swiper-button-next,.banner .swiper-button-prev{width:65px; height: 65px;}
.banner .swiper-button-next{background: url(../images/ban_right.png) no-repeat center; right:3%}
.banner .swiper-button-prev{background: url(../images/ban_left.png) no-repeat center; left:3%}
.ban_info{width:84%; max-width:1600px; height: auto; left:50%; top:35%; transform: translate(-50%,0);  position: absolute;}
.ban_info h4{color:#000000; font-size:.24rem; text-transform: uppercase;}
.ban_info h3{color:#121478; font-size:.6rem; font-weight: bold; margin-top: 10px;}
.ban_info p{color:#000000; font-size:.3rem; }
.ban_info span{width:2.08rem; height:.6rem;  line-height:.6rem; position: relative; border-radius:35px; background: #f70000; display: block; color:#fff;  margin-top:.9rem; font-size:max(12px, .16rem); text-align: center;}
.sj_banner{width:100%; display:none}


/*关于我们*/
.index_about{width:100%; height: auto; overflow: hidden; background: url(../images/about_bjs.jpg) no-repeat center; padding:1.2rem 0 .9rem;}
.index_about_top{width:100%; height: auto; overflow: hidden; position:relative; z-index:9;margin-bottom: 50px}
.about_top_left{width:100%;}
.about_top_left h4{color:#f70000;  font-size:max(12px, .22rem); margin-bottom: 25px;}
.about_top_left h3{color:#000000; font-size:.36rem; font-weight: bold; line-height:.4rem;}
.about_top_left h3 span{color:#121478; font-size: .36rem;}
.in_about_xx{width:100%; height: auto; overflow: hidden; display: block; color:#333333; font-size:max(12px, .16rem); line-height: .3rem; margin: .55rem 0 .7rem;}
.in_about_more{width:2rem; height: .55rem; line-height: .55rem; background: rgba(255,255,255,0.3);  overflow:hidden; border: 1px solid rgba(255,255,255,0.8); border-radius: 25px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; position:relative}
.in_about_more span{color:#333333; font-size:max(12px, .16rem); font-weight: bold; position:relative; z-index:1}
.in_about_more i{width:.33rem; height:.33rem; border-radius: 50%; background: #f70000 url(../images/n_jts.png) no-repeat center; background-size:.19rem; position:relative; z-index:1}
.in_about_more:after{content:""; width:0; height:100%; background:#f70000; position:absolute; top:0; left:0; border-radius:.3rem; transition: all 0.4s ease-in-out; }
.in_about_more:hover:after{width:100%}
.in_about_more:hover span{color:#fff}
.in_about_more:hover i{background: #fff url(../images/nh_jts.png) no-repeat center;}

.about_top_right{width:43%; display: flex; justify-content: space-between; flex-wrap:wrap ;
-webkit-flex-wrap: wrap ;}
.about_top_right dl{width:40%; float: left; padding-bottom:.4rem; border-bottom: 1px solid rgba(18,20,120,0.2); margin-bottom: 1.1rem; position: relative;}
.about_top_right dl dt{color:#333333; font-size:max(12px, .18rem); display: flex; align-items: flex-end;}
.about_top_right dl dt span{color:#121478; font-size: .55rem; font-weight: bold; line-height: 1; margin-right: 10px;}
.about_top_right dl dd{color:#333333; font-weight: bold; font-size:max(12px, .18rem); margin-top:15px;}
.about_top_right dl::after{content: ""; width:20px; height: 1px; background: #121478; position: absolute; bottom:-1px; left:0}
.index_about_img{width:100%; overflow: hidden; margin-top:-9%}
.index_about_img img{width:100%; display: block;}



/*产品*/
.index_dqfb{width:100%; height: auto; overflow: hidden; background:#eaf7ff; padding:.76rem 0 1.4rem;}
.index_dqfb_title{width:100%; display: flex; align-items: flex-end;}
.index_dqfb_title h4{color:#121478; font-size: .36rem; font-weight: bold; position: relative; padding-left:20px;}
.index_dqfb_title h4:after{content: ""; width:.04rem; height:.34rem; background: #f70000; position: absolute; top: 50%; left:0; transform: translate(0,-50%);}
.index_dqfb_title p{color:#000000; font-size:max(12px, .16rem); margin-left: 3%; line-height:.4rem}
.index_dqfb_top{width:100%; margin-top: .9rem; display: flex; justify-content: space-between;}
.index_dqfb_top a{width:49.6%; position: relative; overflow: hidden; border-radius: 25px;}
.index_dqfb_top a img{width:100%; display: block; border-radius:18px; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.dqfb_top_hh{width:100%; height: auto; position: absolute; bottom:.4rem; left:0; padding: 0 8%;}
.dqfb_top_hh h4{color:#ffffff; font-size:.3rem; font-weight: bold; margin-bottom:15px;}
.dqfb_top_hh p{color:#ffffff; font-size:.18rem; ;}
.index_dqfb ul{width:100%; margin-top:15px; display: flex; justify-content: space-between;}
.index_dqfb ul li{width:32.7%; height:2.5rem; background: #fff url(../images/fb_icon.png) no-repeat 137% -315%; border-radius: 20px; display: flex; align-items: center;}
.index_dqfb ul li h4{color:#000000; font-size: .3rem; font-weight: bold;}
.index_dqfb ul li p{color:#000000; font-size:.18rem; line-height: .3rem; margin-top: 10px;}
.index_dqfb_div{width:100%; padding: 0 13%;}
.index_dqfb ul li:hover{background: #121478 url(../images/fbh_icon.png) no-repeat 137% -315%;}
.index_dqfb ul li:hover h4,.index_dqfb ul li:hover p{color:#fff}
.index_dqfb_top a: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%; height: auto; overflow: hidden; background:url(../images/products_bjs.jpg) no-repeat; background-size: cover; padding:.9rem 0 1.2rem}
.index_products .w80{display: flex; align-items: flex-end;}
.index_products .w80 h4{color:#121478; font-size: .36rem; font-weight: bold; position: relative; padding-left:20px; line-height:1.2;}
.index_products .w80 h4:after{content: ""; width:.04rem; height:.34rem; background: #f70000; position: absolute; top: 50%; left:0; transform: translate(0,-50%);}
.index_products_nav{margin-left:2%;}
.index_products_nav a{color:#333333; font-size:max(12px, .16rem); position: relative;padding-right:.2rem; margin-right: 10px;}
.index_products_nav a:after{content: "|"; font-size:max(12px, .16rem); color: #333333; position: absolute; top: 0; right:0; }
.index_products_nav a:last-child:after{display: none;}
.index_products_nav a:hover{color:#f70000}
.index_products_ul{width:100%; height: auto; overflow: hidden; margin-top:.9rem;}
.index_products_ul .swiper-container{width:100%; height: auto; overflow: hidden;}
.index_products_ul .swiper-slide a{width:100%; display: block; overflow: hidden;}
.index_products_ul .swiper-slide a img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_products_ul .swiper-slide a:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}



/*新闻资讯*/
.index_news{width:100%; height: auto; overflow: hidden; background: url(../images/news_bjs.jpg) no-repeat; background-size: cover; padding: 1.14rem 0 1.55rem;}
.index_news_top{width:100%; height: auto; overflow: hidden; display: flex; justify-content: space-between;}
.index_news_title{display: flex; align-items: flex-end;}
.index_news_title h4{color:#121478; font-size: .36rem; font-weight: bold; position: relative; padding-left:20px; line-height:1.2;}
.index_news_title h4:after{content: ""; width: .04rem; height: .34rem; background: #f70000; position: absolute; top: 50%; left:0; transform: translate(0,-50%);}
.index_news_title p{color:#333333; font-size:max(12px, .16rem); margin-left:.4rem;}
.index_news_top a{ height: .55rem; background: rgba(255,255,255,0.3); border: 1px solid rgba(255,255,255,0.8); overflow:hidden; border-radius: 25px; display: flex; align-items: center; justify-content: space-between; padding: 0 .25rem; position:relative}
.index_news_top a span{color:#333333; font-size:max(12px, .16rem); position:relative; z-index:1}
.index_news_top a i{width:.33rem; height: .33rem; border-radius: 50%; background: #f70000 url(../images/n_jts.png) no-repeat center; background-size:.19rem; position:relative; z-index:1}
.index_news_top a:hover span{color: #fff;}
.index_news_top a:hover i{background: #fff url(../images/nh_jts.png) no-repeat center;}
.index_news_top a:after{content:""; width:0; height:100%; background:#f70000; position:absolute; top:0; left:0; border-radius:.3rem; transition: all 0.4s ease-in-out; }
.index_news_top a:hover:after{width:100%}


.index_news_left{width:60%; height: auto; overflow: hidden; margin-top: .4rem; float: left;}
.index_news_left a{width:48%; height: auto; float: left;}
.index_news_left a:nth-child(2n){float: right;}
.index_news_img{width:100%; overflow: hidden;}
.index_news_img img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_news_info{width:100%; height: auto; overflow: hidden; margin-top:.2rem;}
.index_news_info h4{width:100%; height: .4rem; line-height: .4rem; color: #333333; font-size: .22rem; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.index_news_info p{width:100%; height:.6rem; line-height: .3rem; font-size:.16rem; color: #333333;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; margin:.2rem 0;}
.news_left_time{width:100%; height: auto; overflow: hidden; display: flex; justify-content: space-between;}
.news_left_time span{color:#333333;font-size:max(12px, .16rem);}
.news_left_time i{width:.33rem; height:.33rem; border-radius: 50%; background: #f70000 url(../images/n_jts.png) no-repeat center; background-size:.19rem; -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;}
.index_news_ul{width:37.4%; float: right; margin-top: .4rem;}
.index_news_ul li{width:100%; height: auto; overflow: hidden; margin-bottom: .24rem;   ;}
.index_news_ul li a{width:100%;  display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap;  flex-wrap: wrap; justify-content: space-between;}
.index_news_pic{width:39%; height: auto; overflow: hidden; float: left;}
.index_news_pic img{width:100%; height: 100%; object-fit: cover; object-position: center center; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_news_xx{width:57%; height: auto; overflow: hidden; }
.index_news_xx h4{width:100%; height:.4rem; line-height: .4rem; color: #333333; font-size: .22rem; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 10px;}
.index_news_xx p{width:100%; height:.9rem; line-height: .3rem; font-size:max(12px, .16rem); color: #333333;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden;}
.index_news_ul li:hover h4{color:#121478}
.index_news_ul li:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.index_news_left a:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.index_news_left a:hover h4{color:#121478}
.index_news_left a:hover i{background: #121478 url(../images/n_jts.png) no-repeat center; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);}



/*内页*/
.ny_banner{width:100%; height:5.8rem; 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, .16rem); color: #333333; line-height:.7rem; padding: 0 1vw; float: left}
.ny_nav a.active,.ny_nav a:hover{background: #121478; 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: .35rem;}
.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: 10px;}
.ny_product_title img{width:.56rem;}


/*新闻资讯*/
.ny_news_all{width:100%; height: auto; overflow: hidden; margin: .6rem 0 1.2rem; }
.news_all_list{width:100%; height: auto; overflow: hidden;margin: .4rem 0;}
.news_all_list li{width:100%; height: auto; overflow: hidden; padding:.15rem; margin-bottom:.2rem ;background: #ffffff}
.news_all_list li a{display:flex; justify-content: space-between;}
.news_all_list li .ny_time{width:1.15rem;height: auto; float: left;margin-top:.3rem;}
.news_all_list li .ny_time span{display: block; font-size: 12px; color: #999; text-align: right}
.news_all_list li .ny_time p{font-size: .41rem; 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: 10px 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}
.news_pic{width:20%; height: 100%; float: right}
.news_pic img{width:100%; height: 100%; object-fit: cover; object-position: center center;}
.news_all_list li:hover{border: 1px solid #121478;}
.news_all_list li:hover .ny_time p,.ny_news_all ul li:hover .ny_time span,.ny_news_all ul li:hover span{color:#121478}
.news_all_list li:hover h3{font-weight: bold; }
.ny_news_time{width: 100%; line-height: .4rem; color: #999; height: .4rem; margin-bottom: 20px;  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; height:auto; padding:10px 2%; line-height: 26px;margin-bottom: 10px; margin-top: .3rem; display: flex; justify-content: space-between;  align-items: center;}
#newsfoot a{color:#666;}
#list_hide{position: relative;}
#list_hide a{width: 90px; height: .3rem; background: #121478; color: #fff; text-align: center;line-height: .3rem; font-size: max(12px, .16rem); border-radius: 5px; position: relative; display:block}




/*产品详情*/
.hd{background: #f3f3f3; padding: 1px;  color: #121478; font-size: .24rem; font-weight: bold; padding:15px }
.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:.4rem; 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:80px;}
.ny_proshow_xx{margin-left:600px}
.ny_proshow_xx h1{font-size:.28rem;  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:auto; 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 0; 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: #121478;}
.product_list li:hover{box-shadow: 0 0 15px rgba(0, 0, 0, .1);}
.ny_proshow_zhaiyao{width:100%; margin-top:20px; color:#333;  font-size:max(12px, .16rem); line-height:.3rem}
.sj_sl_PicShow{width:100%; height:auto; overflow:hidden; display:none}
.sj_sl_PicShow .swiper-container .swiper-slide img{width:100%; height:100%; display:block;object-fit: cover; object-position: center center; }
.sj_sl_PicShow .swiper-container .swiper-slide{height:5.5rem}
.sj_sl_PicShow .swiper-pagination{bottom:.3rem}



/*联系我们*/
.lianxi{ overflow: hidden; padding-bottom: 0px;}
#map{ height:auto; width: 100%;}
#map img{width:100%; display:block}
.lianxi_fs{ overflow: hidden; margin-top: .3rem; }
.lianxi_fs p{ width:100%;line-height:.6rem; border: 1px solid #e5e5e5; position: relative; text-indent:.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: 12px; width: 2px; display: block; position: absolute; background: #121478; 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:max(12px, .16rem); color: #333;}
.liuyan{overflow: hidden;  height:auto; background: url(../images/ny_pc_6.jpg) no-repeat center top fixed; margin:1.3rem 0 0; padding-top:.7rem;padding-bottom: .7rem;}
.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:nth-child(3){ margin-right: 0; float: right;}
.ny_contact_form textarea{line-height: 2; width: 100%; text-indent:20px; 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: .8rem; 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: 18px;}
.policy_links{margin-top:10px; color:#fff}
.ny_all{width:100%; height:auto; overflow:hidden; margin-top:5.8rem; 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;}
.feedback_submit_ma input[type="text"]{width:2rem; height:.5rem; border:1px solid #fff; font-size:max(12px, .16rem); color:#333; padding:0 2%}
.feedback_submit_ma img{height:.5rem}
.feedback_submit_left .ysxy{margin-left:.1rem}



/*荣誉资质*/
.honor{ overflow: hidden; padding-bottom: 120px;}
.honor_list{ overflow: hidden;  width:100%; margin:.5rem 0 0;}
.honor_list li{ width:18.4%; float: left; border: 1px solid #e5e5e5; margin-right:2%; margin-bottom: 20px;display: block;}
.honor_list li:nth-child(5n){ margin-right: 0;}
.honor_list li .ny_case_img{overflow: hidden; height:1.5rem; overflow:hidden; display:flex; align-items:center; justify-content:center}
.honor_list li .ny_case_img img{ width: 100%; height:auto; transition: all 0.3s; display:block; object-fit: cover; object-position: center center;}
.honor_list li:hover .ny_case_img img{transition: all 0.3s; transform: scale(1.05);}
.honor_list li .gallery-title{ line-height:.5rem; height:.5rem; background: #e5e5e5;text-align: center; font-size: max(12px, .16rem); transition: all 0.3s; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.keyword_light{line-height:28px;}
.container2{width:14.4rem;margin: 0px auto;}
.section-content{width:100%; height: auto; overflow: hidden;  font-size:max(12px, .16rem); color:#666; margin:.6rem 0 1.2rem;}
.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:.35rem;}
.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: 20px;}
.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: #f70000; 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: #f70000; right: 45%; bottom: 0;}
.ny_title_1 em{font-style: normal; font-size: .24rem; line-height:1.4; color: #000; padding: 15px 0; display: block;}
.ny_title_2{ overflow: hidden;  margin-bottom: 20px;}
.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: .24rem; line-height:1.4; color: #fff; padding: 15px 0; display: block;}
.keyword_light tr td{font-size: max(12px, .16rem); color: #333;  line-height:.35rem;}
.keyword_light img{max-width:100%}
.ysxy{font-size:14px; color:#666; }
.ysxy a{color:#ff0101}
.ysxy span{color:#fff}
.table_xx{width:100%; height:auto; overflow-x:auto}







/*联系我们*/
.index_footer{width:100%; height: auto; position: relative; overflow: hidden;  background:url(../images/footer.jpg) no-repeat; background-size: cover; padding-top: .56rem;}
.index_footer_top{width:100%; height: auto; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,0.3); display: flex; justify-content: space-between; padding-bottom: .2rem;}
.footer_top_left{display: flex; align-items: center;}
.footer_top_left a{display: flex; align-items: center;}
.footer_top_left a img{width:1.67rem}
.footer_top_bts{position: relative;padding-left:.25rem; margin-left: .2rem;}
.footer_top_bts h4{color:#fff; font-size: .24rem; font-weight: bold;}
.footer_top_bts p{color:#fff; font-size:max(12px, .16rem);}
.footer_top_bts::after{content: ""; width: 1px; height:56px; background:rgba(255,255,255,0.5); position: absolute; top: 50%; left:0; transform: translate(0,-50%);}
.footer_top_ma{display: flex; align-items: center;}
.footer_top_ma p{color:#ffffff;  font-size:max(12px, .16rem); line-height:26px;}
.footer_top_ma img{width:102px; margin-left:20px;}
.footer_center{width:100%; height: auto; overflow: hidden; margin: .55rem 0;}
.footer_center_al{width:62%; float: left; display: flex; justify-content: space-between;}
.footer_center_al dl{margin-right:.15rem}
.footer_center_al dl:last-child{margin-right:0}
.footer_center_al dl dt{color:#fff;  font-size:max(12px, .16rem); margin-bottom:.2rem;}
.footer_center_al dl dd{width:100%;}
.footer_center_al dl dd a{color:#ffffff;  font-size:max(12px, .16rem); display: block; margin-bottom: 15px; opacity:0.8}
.footer_center_al dl dd a:hover{font-weight:bold}
.footer_center_info{width:26%; height: auto; float: right;}
.footer_center_info h5{color:#fff; font-size: .24rem; font-weight: bold;}
.footer_center_xx{width:100%; margin-top: .2rem;}
.footer_center_xx p{color:#fff;  font-size:max(12px, .16rem); margin-bottom:.2rem;}
.footer_bottom{width:100%; height: auto; overflow: hidden; display: flex; justify-content:space-between;  border-top: 1px solid rgba(255,255,255,0.3); padding: .3rem 0; margin-top: .6rem;}
.copy_l{width:100%; height: auto; overflow: hidden;  font-size:max(12px, .16rem); color:#fff; line-height:.4rem;  text-transform: uppercase; text-align:center}
.copy_l a{color:#fff; font-size: max(12px, .16rem); }
.footer_zhichi{width:auto; height:auto; overflow: hidden;  float: right}
.footer_zhichi p{ width: auto; float: left; margin-right: 20px; color:#fff;  font-size:max(12px, .16rem); }
.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:max(12px, .16rem); color: #fff; 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:max(12px, .16rem); color:#fff; line-height:.4rem; margin: 0 .5vw;}





/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:40%;
    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:#121478;
    height: 62px;
    margin-bottom: 1px;
    margin-left: 0;
    position: relative;
    width: 77px; float:left;
}




@media screen and (max-width: 1500px) {
    .w80, .w1440, .container { width: 90%; }
    .header_center { width: 72%; }
    .about_top_right dl { width: 45%; }
	.in_about_xx{line-height:.4rem}
	
}


@media screen and (max-width: 1440px) {
    html { font-size: clamp(62.5px, 4.8611vw, 80px); }
	.index_dqfb ul li p{font-size:.22rem; line-height:.4rem}
	.dqfb_top_hh p{font-size:.22rem}
	.index_news_xx p{line-height:.4rem}
}



@media screen and (max-width:1280px) {
	.header_center { width: 75%; }
	.lxfx{display:none}
	
}




@media screen and (max-width:790px) {
	.w80, .w1440, .container{width:95%}
   html{font-size: calc(100vw * 100 / 790);}
   .lxfx,.banner,.header_all,.index_news_top a,.footer_top_ma,#sl_PicShow,.news_all_list li .ny_time,.news_pic{ display: none; }
   .sj_banner,.index_header,.sj_sl_PicShow{display:block}
   .index_about_top,.index_dqfb_title,.index_dqfb_top,.index_dqfb ul,.index_products .w80,.index_news_top,.feedback_submit{-webkit-flex-wrap: wrap;  flex-wrap: wrap;}
   .about_top_left,.about_top_right,.feedback_submit_left{width:100%;}
   .about_top_right{margin-top:.3rem}
   .index_dqfb_title h4,.index_products .w80 h4,.index_news_title,#sl_PicShow{width:100%}
   .index_dqfb_title p,.index_products_nav{width:100%; margin-left:0; margin-top:.2rem}
   .index_dqfb_top a,.index_dqfb ul li{margin-bottom:.2rem; width:100%;}
   .index_products_nav a{margin-bottom:.2rem; float:left}
   .footer_center_al,.index_news_ul,.index_news_left,.footer_center_info{width:100%; float:none}
   .footer_center_info{margin-top:.4rem}
   .ny_banner{height:4rem}
   .ny_all{margin-top:4rem}
   .product_list li,.honor_list li{width:48%; margin-right:0}
   .product_list li:nth-child(2n),.honor_list li:nth-child(2n){float:right}
   .ny_proshow_xx{margin-left:0!important; width:100%; margin-top:.2rem}
	.news_xx{width:100%}
	.ny_contact_form input[type="submit"]{margin:.2rem auto 0}
	.ban_info h3{font-size: .3rem;}
	.ban_info p{font-size:.22rem}
	.ban_info{width:100%; padding:0 3%}
}




@media (max-width:620px) {
	html{font-size:75px;}
	.index_news{padding:1rem 0 .9rem;}
	.about_top_right dl{margin-bottom:.5rem}
	.index_about_img{margin-top:0}
	.index_dqfb{padding: .76rem 0 .8rem;}
	.ny_nav a{width:20%; padding:0; text-align:center;font-size:.18rem}
	.banner_post_zi h4{font-size:.4rem}
	.banner_post_zi h5{font-size:1.2rem}
	.ny_pro_nav a{width:auto!important; padding:0 .2rem}
	.ny_contact_form p{width:100%; float:none; margin-right:0; margin-top:.15rem}
	.ny_contact_form textarea{height:1.4rem}
	.section-content{margin:.5rem 0 .8rem;}
	.liuyan{margin:.8rem 0 0;}
	.index_news_title,.footer_top_left a{-webkit-flex-wrap: wrap;  flex-wrap: wrap;}
	.index_news_title h4{width:100%}
	.index_news_title p{width:100%; margin-left:0; margin-top:.2rem; font-size:.18rem}
	.index_news{padding:.6rem 0 .4rem;}
	.index_news_xx p{line-height:.3rem}
	.index_dqfb_top{margin-top:.5rem}
	.footer_center_al dl dd{display:none}
	.copy_l{line-height:.3rem}
	.footer_center{margin: .55rem 0 0;}
	.footer_bottom{margin-top:.2rem}
	.about_top_left h3,.about_top_left h3 span,.index_dqfb_title h4,.index_products .w80 h4,.index_news_title h4{font-size:.3rem}
	.ndex_dqfb_title p{line-height:.32rem}
	.footer_top_bts{width:100%; padding-left:0; margin-left:0; margin-top:.15rem}
	.footer_top_bts::after{display:none}
	.ban_info span{margin-top:.4rem; width: 1.6rem; height: .45rem; line-height: .45rem;}
	.index_about{padding:.8rem 0 .6rem;}
	
}







@media screen and (max-width: 480px) {
    html {font-size:75px }
	.footer_center_al{-webkit-flex-wrap: wrap;  flex-wrap: wrap;}
    .w80, .w1440, .container{width: 96%; }
	.footer_center_al dl{width:33.33%; margin-right:0; text-align:center}
	.in_about_xx,.index_dqfb_title p,.index_products_nav a,.dqfb_top_hh p,.index_dqfb ul li p,.menu_body a{font-size:.18rem}
	.about_top_right dl dt span{font-size:.4rem}
	.index_dqfb_div{padding:0 6%}
	.index_products_ul{margin-top:.5rem}
	.index_products{padding:.6rem 0 .8rem;}
	.dqfb_top_hh h4,.index_dqfb ul li h4{font-size:.25rem}
	.index_dqfb ul li{height:2rem}
	.index_dqfb ul li p{line-height:.35rem}
	.index_products .w80 h4:after,.index_dqfb_title h4:after{height:.3rem}
	.index_news_xx h4,.index_news_info h4{font-size:.21rem}
	.footer_top_left a img{width:1.5rem}
	.ny_banner_post p{font-size:.2rem}
	.banner_post_zi h4{font-size:.3rem}
	.banner_post_zi h5{font-size:.8rem; line-height:1rem}
	.ny_banner{height:3.5rem}
	.ny_all{margin-top:3.5rem}
	.ny_nav a{width:33.33%; line-height:.55rem}
	
}