﻿*{box-sizing:border-box;margin:0; padding:0; list-style:none;  font-size: 16px;}
html {font-size: clamp(16px, calc(100vw * 100 / 1920), 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{ margin: 0px auto; width:1440px }
.w1440,.container{ margin: 0px auto; width:1200px }
.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:.98rem; background:#fff; position:relative; z-index:9}
.header_all .w80{display: flex; justify-content: space-between;  align-items: center;}
.h_logo{width:auto; height:.98rem; display: flex; align-items: center; }
.h_logo .logo1{width:1.27rem}
.h_logo dl{position: relative; padding-left:.3rem; margin-left:.2rem;}
.h_logo dl::after{content:""; width:1px; height: .4rem; background: #efefef; position: absolute; top: 50%; left:0; transform: translate(0,-50%);}
.h_logo dl dt{color:#000000; font-size: .2rem; font-weight: bold;}
.h_logo dl dd{color:#333333; font-size: .12rem;}
.header_right{display: flex; align-items: center; justify-content: space-between;}
.header_dhs{font-size: 16px; color: #333333; display: flex; align-items:center;}
.header_dhs span{color:#213b92; font-size: .24rem; font-weight: bold;}
.header_dhs img{margin-right: .15rem;}
.header_yuyan{position: relative; margin-left: .3rem;}
.header_yuyan p{font-size: 16px; color: #333333; display: flex; align-items: center;}
.header_yuyan p img{margin-right: .15rem;}
.header_yuyan_xx{width:100%; position: absolute; top:.25rem; right:0; background: #fff; padding: .15rem .15rem 0; z-index: 2; display: none;}
.header_yuyan_xx a{color:#333; font-size: 16px; display: block; text-align: center; margin-bottom: .1rem;}
.header_yuyan:hover .header_yuyan_xx{display:block}




/*导航*/
.header_center{width:100%; height:.6rem; background:#213b92; position:relative; z-index:2}
#menu{height:.6rem; position: relative; z-index:9; }
#menu .nav{ position:relative; z-index:1; width:100%; height:.6rem; display: flex; justify-content:space-between; align-items: center; }
#menu .nav span{color:#fff; font-size: 16px; color: #fff;}
#menu .nav .nLi{ float:left;  position:relative; display:inline; width: 10%; }
#menu .nav .nLi p{font-weight: normal; width:auto; text-align:center;  z-index: 2; position: relative; line-height: .6rem;   }
#menu .nav .nLi p a{color:#fff; font-size:17px; height:100%;  position: relative; width: 100%; display: block;}
#menu .nav .sub{ display:none; width:140px; left:50%; margin-left: -70px; top:.6rem;  position:absolute;  z-index: 99999; background: #eee}
#menu .nav .sub li{ zoom:1; margin:8px 0 }
#menu .nav .sub a{ display:block; text-align: center; height:auto;font-size: 15px; line-height:24px;   color:#333;}
#menu .nav .sub a:hover{ color:#17469e;  }
#menu .nav .active p a,#menu .nav .nLi:hover p a{background: #bb161b;}
#menu .nav span:last-child{display:none}


/*头部*/
.index_header{width:100%; height: auto; z-index:999;  position:fixed; top:0; left:0; background: #fff; display: none;}
.header{width:100%; clear:both; height:1rem;  padding:0 3%}
.logo{float:left; width:auto; height: 100%; }
.logo a{width:100%; height:1rem; display: block; display: flex; align-items: center; }
.logo a img{width:1.8rem; max-height: 100%}
.logo span{color:#29a7e1; margin-left: .2rem;}
.menu{float:right; height:100%; width:1rem; }
.menu a{width:100%; height: 100%;  display: flex; align-items: center; }
.menu img{height:auto; width: .55rem; align-items: center; margin: 0px auto;}
.xymob-menu{width:100%; height: 100vh; position: absolute; right:0; left:0; background: #fff; display: none; padding: 0 5%;  z-index: 9999;  }
.xymob-menu .xymob-menu-box{height: 100vh; overflow: auto; padding-bottom: .8rem; }
.xymob-nav > li { border-bottom: 1px solid #d0d0d0; position: relative;}
.xymob-nav > li > a { display: block; line-height: .8rem; font-size:max(12px,.26rem); color: #333; text-transform:Uppercase}
.xymob-nav .xymob-menu-jt { position: absolute; width:12%; height: .8rem; line-height: .5rem; right: 0; top: 0; text-align: center; z-index: 9;}
.xymob-nav .xymob-menu-jt .icon-font{display: block; width: 100%; height: 100%; background:url(../images/down.png) no-repeat center}
.xymob-nav .xymob-sub-menu{display: none;}
.xymob-nav .xymob-sub-menu > li{border-top: 1px solid #d0d0d0; position: relative; padding:.1rem 0}
.xymob-nav .xymob-sub-menu > li > a {display: block; font-size: 14px; color: #333; line-height:.4rem; text-indent: .2rem;}
.xymob-navbtn {float: right; width:.5rem; height:1rem; display: flex; align-items: center;}
.xymob-navbtn img{width:100%}
.header_icon{float:right; height:1rem; display:flex; align-items:center; margin-right:.3rem}
.header_icon_img{width:.3rem;}
.header_icon_img img{width:100%; display:block}
.yuyan_hovers{width:50%; height:auto; background:#fff; padding:.1rem .1rem .1rem 5%;  display:none;  position: absolute; top:1rem; 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:.24rem}
.yuyan_hovers a.active,.header_yuyan_xx a:hover{color:#358fbd}







/*banner*/
.banner{ width:1440px; height:auto; position: relative; overflow: hidden; margin:0px auto}
.banner .swiper-slide a,.sjbanner .swiper-slide a{width:100%; display: block}
.banner .swiper-slide a img,.sjbanner .swiper-slide a img{width:100%; display: block}
.banner .swiper-pagination-bullet{width:12px; height: 12px; background: #fff; opacity:1}
.banner .swiper-pagination{bottom:30px}
.banner .swiper-pagination-bullet-active{background:#0054a8}
.sjbanner{display:none;  width:100%; position: relative; overflow: hidden; margin-top:1rem;}







/*新闻*/
.index_news{width:100%; height: auto; overflow: hidden; background: url(../images/news_bjs.jpg) no-repeat; background-size: cover; padding: 1.12rem 0 1.3rem;}
.index_products_title{width:100%; display: flex; justify-content: space-between; align-items: center;}
.index_products_title h4{ display: flex; align-items: center; font-size:max(12px, .16rem); color: #666666;}
.index_products_title h4 span{color:#000000; font-size: .45rem; font-weight: bold; margin-right: .2rem;}
.index_products_title h4 img{width:.48rem; margin-right:.22rem;}
.index_news_gsyw{width:33%;  float: left; background: #fff; margin-top: .48rem; padding: .15rem .25rem;}
.index_news_biaoti{width:100%; height: auto; overflow: hidden; display: flex; justify-content: space-between; align-items: center;}
.index_news_biaoti h4{width:1.47rem; height: .42rem; line-height: .42rem; background: url(../images/n_icon.png) no-repeat; background-size: 100% 100%; font-size: .18rem; font-weight: bold; color:#fff; text-align: center;}
.index_news_biaoti a{color:#333333; font-size:max(12px, .16rem);}
.index_news_biaoti a:hover{color:#213b92; font-weight:bold}
.news_gsyw_links{width:100%; height: auto; overflow: hidden; margin-top: 20px;}
.news_gsyw_links img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.news_gsyw_links:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.news_gsyw_xx{width:100%; margin-top: 10px; margin-bottom: .45rem;}
.news_gsyw_xx h4{width:100%; height: 40px; line-height: 40px; color: #000000; font-size: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.news_gsyw_xx span{color:#666666; font-size: 16px; display: block; margin:.1rem 0;}
.news_gsyw_xx p{width:100%; height: 60px; line-height: 30px; color: #666666; font-size:max(12px, .16rem);  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;}
.news_gsyw_links:hover .news_gsyw_xx h4{color:#213b92}
.index_news_gsdt,.index_news_mtkj{width:32.5%; float: left; background: #fff; margin-top: .48rem; padding: .15rem .25rem;}
.index_news_ul{width:100%; height: auto; overflow: hidden; margin-top: .15rem;}
.index_news_ul li{width:100%; height: auto; overflow: hidden; border-bottom: 1px dashed #eee; padding-bottom: .1rem; margin-top:.05rem;}
.index_news_ul li h4{width:100%; height: 40px; line-height: 40px; color: #000000; font-size:16px; color: #000000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; padding-left: .2rem;}
.index_news_ul li h4:after{content: ""; width:.1rem; height:.1rem; background: #213b92; position: absolute; top: 50%; left:0; transform: translate(0,-50%);}
.index_news_ul li span{color:#666666; font-size: 16px; margin-left: .2rem;}
.index_news_ul li:last-child{border-bottom: 0;}
.index_news_ul li:hover h4{color:#213b92}
.index_news_all{width:100%; overflow: hidden;  display: -webkit-flex;  display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;     justify-content: space-between;}




/*产品*/
.index_products{width:100%; height: auto; overflow: hidden; background:url(../images/product_bjs.jpg) no-repeat; background-size: cover; padding: .7rem 0 1.46rem;}
.index_products_title a{width:1.645rem; height: .59rem; line-height: .56rem; color:#fff; background: #ea111b; border-radius:35px; text-align: center; font-size: 16px; position:relative; overflow:hidden}
.index_products_title a span{color:#fff; font-size: 16px; position:relative; z-index:1}
.index_products_title a:after{content:"";  height:100%; background:#213b92; position:absolute; top:0; left:0; transition: all 0.9s ease-in-out;}
.index_products_title a:hover:after{width:100%}
.index_dingzhi_lis{width:100%; margin-top: .95rem;}
.index_dingzhi_lis ul{width:100%; height: auto; overflow: hidden; display: flex; justify-content: space-between;}
.index_dingzhi_lis ul li{width:20.2%; height:5.88rem; overflow: hidden; position: relative; border-radius: 25px;}
.index_dingzhi_lis ul li img{width:100%; height: 100%; display: block; border-radius: 25px; 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;}
.index_dingzhi_lis ul li a{width:100%; height: 100%; display: flex; align-items:flex-end; position: absolute; top:0; left:0}
.dingzhi_lis_hover{width:100%; height: auto; overflow: hidden; margin-bottom: .5rem; padding: 0 .3rem;}
.dingzhi_lis_hover h4{width:100%; height: 40px; line-height: 40px; color:#ffffff; font-size: 18px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center;}
.dingzhi_lis_hover span{width:1.64rem; height: .58rem; line-height: .58rem; background: #ea111b; border-radius: 30px; color: #fff; font-size: 16px; display: none; text-align: center;}
.index_dingzhi_lis ul li.active{width:36%}
.index_dingzhi_lis ul li.active .dingzhi_lis_hover span{display: block;}
.index_dingzhi_lis ul li.active h4{color:#fff; font-size: .3rem; margin-bottom: .4rem; font-weight: 100; text-align: left;}
.index_dingzhi_lis 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_case{width:100%; margin:1rem 0 .8rem;}
.index_case_all{width:100%; margin-top:.56rem;}
.index_case_all .mySwiper .swiper-slide a{width:100%; display: block;}
.index_case_pic{width:100%; height: auto; overflow: hidden;}
.index_case_pic img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_case_all .mySwiper .swiper-slide a h4{width:100%; height: 40px; line-height: 40px; color: #333333; font-size: 16px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.index_case_all .mySwiper .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_about{width:100%; height: auto; overflow: hidden; background: url(../images/about_bjs.jpg) no-repeat; background-size: cover; padding:1rem 0;}
.index_about_info{width:50%; height: auto; float: left; margin-top: .4rem;}
.index_about_info h4{display: flex; align-items: center;}
.index_about_info h4 img{width:.48rem; height:.4rem}
.index_about_info h4 span{color:#000000; font-size:.45rem; font-weight: bold; margin-left: .2rem;}
.index_about_info h3{width:100%; color:#333333; font-size: .3rem; font-weight: bold; margin: .42rem 0 .26rem;}
.about_info_xx{width:100%; color:#333333; font-size: 16px; line-height: 30px; display: block;}
.about_info_mm{width:1.64rem; height: .59rem; background: #ea111b; border-radius:35px; display: block; text-align: center; line-height: .59rem; color:#fff; font-size: 16px; margin-top: .6rem;}
.about_info_mm:hover{background:#213b92}
.index_about_video{width:45%; float: right;}
.index_about_video video{width:100%; display: block;}


/*内页*/
.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; margin:.15rem 0 0}
.ny_nav a{font-size:max(12px, .18rem); background: #eee; color: #333333; line-height:.45rem; display: inline-block; padding: 0 2vw; float: left; text-decoration: none; transform: skewX(-15deg); margin-right:.1rem}
.ny_nav a span{font-size:max(12px, .18rem)}
.ny_nav a.active,.ny_nav a:hover{background: #213b92; color:#fff}
.ny_nav a span { display: inline-block; transform: skewX(15deg);}
.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: 1rem; opacity: 0.1; text-transform: uppercase; font-weight: bold; line-height:1.1rem}
.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_banner_post p span,.ny_banner_post p a{font-size:16px; color:#ffffff; }
.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: 10px;}
.ny_product_title img{display:block; margin:0px auto}


/*新闻资讯*/
.ny_news_all{width:100%; height: auto; overflow: hidden; margin: .6rem 0 1.2rem; }
.ny_news_ul{width:100%; height: auto; overflow: hidden;margin:.4rem 0;}
.ny_news_ul li{width:100%; height: auto; overflow: hidden; padding:10px 0; margin-bottom:.15rem ;background: #ffffff}
.ny_news_ul li a{display:flex; justify-content: space-between; align-items:center}
.ny_news_ul li .ny_time{width:1.2rem;height: auto; float: left;  text-align: right;}
.ny_news_ul li .ny_time span{display: block; font-size: 12px; color: #999; text-align: right}
.ny_news_ul li .ny_time p{font-size: .42rem; color: #c8c8c8}
.news_xx{width:60%; height: auto; float: left;}
.news_xx2{width:84%}
.news_xx h3,.ky_news_xx h3{width:100%; height:.4rem; line-height:.4rem; font-size:.2rem; color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.news_xx p,.ky_news_xx p{width:100%; height:60px; line-height:30px; 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,.ky_news_xx span{font-size: 14px; color: #aaaaaa}
.news_pic{width:20%; height: 100%;}
.news_pic img{width:100%; height: 100%; object-fit: cover; object-position: center center;}
.ny_news_ul li:hover{border: 1px solid #015395;}
.ny_news_ul li:hover .ny_time p,.ny_news_all ul li:hover .ny_time span,.ny_news_all ul li:hover span{color:#015395}
.ny_news_ul li:hover h3{font-weight: bold; }
.ny_news_time{width: 100%; line-height: 40px; color: #999; height: 40px; font-size:max(12px, .16rem); 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:.1rem 2%; font-size:14px; line-height: 26px;margin-bottom: 10px; margin-top: 30px; display: flex; justify-content: space-between;  align-items: center;}
#newsfoot a{color:#666; font-size:14px;}
#list_hide{position: relative;}
#list_hide a{height:30px; background: #015395; color: #fff; font-size:max(12px, .16rem); text-align: center;line-height: 30px; border-radius: 5px; position: relative; display:block; padding:0 .15rem}
.ky_news_xx{width:87%; height: auto; float: left;}




/*产品详情*/
.hd{background: #f3f3f3; padding: 1px;  color: #015395; 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:.34rem; color:#333}
.ny_product_one{width:100%; height:auto; overflow:hidden; margin:.5rem 0}
.ny_proshow_bottom{width:100%; height:auto; overflow:hidden; }
.ny_proshow_xx{margin-left:600px}
.ny_proshow_xx h1{font-size:.3rem;  line-height:.32rem;}
.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 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: #015395;}
.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:30px}
.ny_product_show{margin:.6rem 0 1.2rem!important}
.sj_sl_PicShow{width:100%; height:auto; overflow:hidden; display:none}
.sj_sl_PicShow .swiper-container .swiper-slide img{width:100%; display:block}



/*联系我们*/
.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:.3rem; border: 1px solid #e5e5e5; position: relative;  padding:.12rem 0 .12rem .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: #015395; 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;  padding:.7rem 0;}
#section2{width:100%; height:1rem; overflow:hidden}
.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: 20px; height: .72rem; 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; background:#fff; position:relative; z-index:7}
.about_two_title{width:100%; height: auto; overflow: hidden}
.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;}
.about_two_title img{width:.56rem; display:block}
.Validform_checktip{display: block;  position: absolute;  color: #f00;   right:2%;  top:50%; transform: translate(0,-50%);  line-height: 50px; 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:50px; border:1px solid #fff; font-size:max(12px, .16rem); color:#333; padding:0 2%}
.feedback_submit_ma img{height:50px}
.feedback_submit_left .ysxy{margin-left:.1rem}

.ny_bmb_all{width:100%; display:flex; justify-content:space-between; align-items: center;}
.ny_bmb_all .about_two_title{width:70%}
.ny_bmbxz{background:#213b92; color:#fff; border-radius:10px; font-size:16px; display:block; text-align:center; padding:10px 15px}
.ny_bmbxz:hover{background:#bb161b}




/*荣誉资质*/
.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:.2rem;display: block;}
.honor_list li:nth-child(4n){ margin-right: 0;}
.honor_list li .ny_case_img{overflow: hidden; height:auto; 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:1440px;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:.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: #015395; 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: #015395; 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: .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:.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: 34px;}
.keyword_light img{max-width:100%}
.ysxy{font-size:14px; color:#666; }
.ysxy a{color:#ff0101}
.ysxy span{color:#fff}



/*底部*/
.index_footer{width:100%; height: auto; position: relative;  background:#213b92; padding: .5rem 0 ;}
.index_footer .w80{display: flex; align-items:flex-end; justify-content: space-between;}
.footer_left{width:50%; float: left;}
.footer_left_logo{width:100%; display: flex; align-items:center}
.footer_left_logo img{width:1.33rem}
.footer_left_logo dl{margin-left:.25rem; padding-left:.3rem; background: url(../images/f_xs.png) no-repeat left center;}
.footer_left_logo dl dt{color:#fff; font-size: .2rem; font-weight: bold;}
.footer_left_logo dl dd{color:#fff; font-size:12px; }
.footer_left_info{width:100%; height: auto; overflow: hidden; margin-top: .24rem;}
.footer_left_info span{color:#fff; font-size: 16px; margin-right: .2rem;}
.footer_right{float: right; display: flex; justify-content: space-between;}
.footer_sj,.footer_wx{margin-left: .4rem; position: relative;}
.footer_wx i,.footer_sj i{width:.65rem; height: .65rem; border-radius: 50px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.1);}
.footer_wx i img{height: .28rem;}
.footer_sj i img{height: .27rem;}
.footer_wx .f_wxs,.footer_sj .f_wxs{width:100px; height: auto; position: absolute; top: -100px; right:0; display: none;}
.footer_wx:hover .f_wxs{display: block;}
.footer_sj:hover .f_wxs{display: block;}
.index_footer_bottom{width:100%; height: auto; overflow: hidden; display: flex; justify-content:space-between;  padding:.12rem 0; background: #172966;}
.index_footer_bottom .w80{display: flex; justify-content: space-between;}
.copy_l{width:auto; height: auto; overflow: hidden; font-size:16px; color:#fff; line-height:40px;  text-transform: uppercase;  }
.copy_l a{color:#fff; font-size:16px; }
.footer_zhichi{width:auto; height:auto; overflow: hidden;  }
.footer_zhichi p{ width: auto; float: left; margin-right: 20px; color:#fff; font-size:16px; }
.footer_zhichi p:last-child{margin-right: 0}
.footer_zhichi .js{width:82px;height:40px; background: url(../images/wl.png) no-repeat center; }
.footer_zhichi .pt{width:121px;height:40px; background: url(../images/vl.png) no-repeat center; }
.footer_zhichi span{float: left; font-size:16px; color: #fff; line-height:40px;}
.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_links a{font-size:16px; color:#fff; line-height:40px; margin: 0 .5vw;}
.footer_links a,.footer_links span{color:#fff; font-size: 16px;}




/*客服*/
.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:#0054a8;
    height: 62px;
    margin-bottom: 1px;
    margin-left: 0;
    position: relative;
    width: 77px; float:left;
}





@media (min-width: 1920px) {
  html {
    font-size: 100px;
  }
}



@media screen and (max-width:1500px){
	.w1440,.banner,.w80{width:1200px;}
	

}



@media screen and (max-width:1280px){
	.w1440,.banner,.w80,.container{width:94%;}
	#menu .nav .nLi p a{font-size:15px}
	
	
}




@media screen and (max-width:1024px){
	.lxfx{display:none}
	.footer_links a, .footer_links span,.copy_l a,.copy_l{font-size:14px}
	.footer_left{width:62%}
	.index_products_title a span,.about_info_mm{font-size:14px}
	.header_center,#menu .nav{height:.8rem}
	#menu .nav .nLi p{line-height:.8rem}
	.header_dhs span{font-size:.32rem}
	.news_xx h3, .ky_news_xx h3{font-size:.32rem}
	.ky_news_xx{width:89%}
	.ny_product_title h4,.ny_news_bt{font-size:.36rem}
	.ny_news_show p,.ny_about_show p{line-height:.5rem;font-size:14px;}
	.ny_nav a span,.product_list li .gallery-title{font-size:14px;}
	.ny_nav a{line-height:.55rem}
}



@media (max-width: 992px) {
	html{font-size: 52px;}
}



@media (max-width: 790px) {
	html{font-size:65px;}
	.header_all,.banner,.header_center,.index_products_title p{display:none}
	.index_header,.sjbanner{display:block}
	.index_news_all{-webkit-flex-wrap: wrap;  flex-wrap: wrap;}
	.index_news_gsyw,.index_news_gsdt, .index_news_mtkj{width:100%}
	.index_about_info,.index_about_video{width:100%; float:none; margin-bottom:.2rem}
	.ny_all{margin-top:1.2rem}
	#sl_PicShow{display:none}
	.sj_sl_PicShow{display:block}
	.ny_proshow_xx{width:100%; margin-left:0!important; margin-top:.3rem}
	.ny_nav a{margin-bottom:.2rem}

}


@media (max-width:630px) {
	.index_dingzhi_lis ul,.index_footer_bottom .w80,.ny_bmb_all,.index_footer .w80,.feedback_submit,.feedback_submit_left{-webkit-flex-wrap: wrap;  flex-wrap: wrap;}
	html{font-size:60px;}
	.index_dingzhi_lis ul li,.index_dingzhi_lis ul li.active{width:48%; margin-bottom:.3rem}
	.ny_news_ul li .ny_time,.news_pic{display:none}
	.ky_news_xx{width:100%}
	.footer_left_info span{font-size:14px}
	.ny_bmb_all .about_two_title,.footer_left,.news_xx{width:100%}
	.ny_bmbxz{margin-top:.2rem; font-size:14px}
	.footer_right{display:none}
	.product_list li,.honor_list li{width:49%; margin-right:0}
	.product_list li:nth-child(2n),.honor_list li:nth-child(2n){float:right}
	.dingzhi_lis_hover h4{font-size:16px}
	.ny_contact_form p{width:100%; float:none; margin-top:.2rem; height:.7rem;}
	.ny_contact_form textarea{height:1rem}
	.feedback_submit_left,.feedback_submit_ma{width:100%}
	.ny_contact_form input[type="submit"]{margin:.4rem auto 0}
	.feedback_submit_ma input[type="text"]{width:50%}
	.feedback_submit_left .ysxy{margin-left:0; margin-top:.2rem}
}


@media (max-width:500px) {
	html{font-size:56px;}
	
}


