*{box-sizing:border-box;margin:0; padding:0; list-style:none; font-size:.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;}
.row{ margin: 0px;}
.w1440,.container{margin: 0px auto;width:14.4rem; }
.l{float: left}
.r{float: right}
audio, canvas, progress, video{display: inline-block; vertical-align: baseline;}
*:focus {
    outline: none; 
}
em{font-style:normal}




.header_top{width:100%; height:0.8rem; padding: 0 3%; display: flex; justify-content: space-between;}
.h_logo{display: flex; align-items: center; height:0.8rem; }
.h_logo img{margin-right:.15rem}
.h_logo_zi{position:relative; margin-right:.15rem; padding-right:.15rem}
.h_logo_zi:after{content:""; width:1px; height:.36rem; background:#7f9dc1; position:absolute; top:50%; right:0; transform:translate(0,-50%)}
.h_logo_zi h3{font-size:.28rem; font-weight:bold; color:#003c83; line-height:.35rem}
.h_logo_zi p{font-size:.12rem; color:#003c83; text-transform:uppercase}
.h_logo span{color:#000000; font-size:0.16rem; line-height:.2rem; width:40%}
.header_right{width:50%; height:.8rem; display: flex; justify-content: space-between;}
.h_yuyan{color:#aaaaaa; font-size:0.18rem; line-height:0.8rem;}
.h_yuyan a{color:#aaaaaa; font-size:0.18rem;}
.h_yuyan span{font-size:0.14rem; margin: 0 .5vw;}
.h_yuyan a.active{color:#d4090f}


/*导航*/
#menu{width:100%; height:0.8rem; position: relative; z-index:9; }
#menu .nav{ position:relative; z-index:1; width:100%; height:auto; display: flex; justify-content:space-between;}
#menu .nav .nLi{ float:left;  position:relative; display:inline; line-height:.8rem; }
#menu .nav .nLi p{font-weight: normal; width:auto; text-align:center;  z-index: 2; position: relative;   }
#menu .nav .nLi p a{color:#333333; font-size:0.18rem; position: relative; line-height:.78rem; display: block;}
#menu .nav .sub{ display:none; width:1.4rem; left:50%; margin-left: -.7rem; top:.8rem;  position:absolute;  line-height:.3rem; z-index: 99999; background: #eee}
#menu .nav .sub li{ zoom:1; }
#menu .nav .sub a{ display:block; text-align: center; height: .36rem;font-size: .15rem;  color:#333;}
#menu .nav .sub a:hover{ color:#17469e;  }
#menu .nav .active p a,#menu .nav .nLi:hover p a{border-bottom:2px solid #d4090f}



/*头部*/
.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:1.2rem;  padding:0 3%}
.logo{float:left;  height: 100%; }
.logo a{width:100%; height:1.2rem; display: flex; align-items: center; }
.logo a img{ max-height: 100%}
.logo h4{color:#333; margin-left:.1rem; font-size:.24rem}
.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: 80px; }
.xymob-nav > li { border-bottom: 1px solid #d0d0d0; position: relative;}
.xymob-nav > li > a { display: block; line-height: 50px; font-size: 16px; color: #333;}
.xymob-nav .xymob-menu-jt { position: absolute; width: 20%; height: 50px; line-height: 50px; 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;}
.xymob-nav .xymob-sub-menu > li > a {display: block; font-size: 14px; color: #333; line-height:40px; text-indent: .2rem;}
.xymob-navbtn {float: right; width:.6rem; height:1.2rem; display: flex; align-items: center;}
.xymob-navbtn img{width:100%}




/*banner*/
.banner{ width:100%; height:auto; position: relative; overflow: hidden; }
.banner img{width:100%; display: block;}
.ban_info{width:14.4rem; position: absolute; bottom:.9rem; left:50%; transform: translate(-50%,0);}
.ban_info h4{color:#000000; font-size:.34rem;}
.ban_info p{color:#000000; font-size:.12rem; text-transform: uppercase; margin-top: 5px;}



/*新闻*/
.index_news{width:100%; height: auto; overflow: hidden; margin:.65rem 0;}
.index_news_title{width:100%; overflow: hidden; display: flex; justify-content: space-between; margin-bottom:.4rem;  align-items: center;}
.index_news_title h4{color:#000000; font-size:.4rem;}
.index_news_title a{color: #000000; font-size:.16rem; border: 1px solid rgba(0,0,0,0.1); text-align: center; position: relative; padding:.1rem .25rem; display:table}
.index_news_title a:after{content: ""; width:0; height: 100%; background: #003c83; position: absolute; top: 0; right:0; transition: all 0.4s ease-in-out;}
.index_news_title a:hover:after{width:100%}
.index_news_title a:hover{color:#fff}
.index_news_title a span{position: relative; z-index:1; font-size:.16rem}

.index_news_left{width:66.66%; height: auto; float: left;}
.index_news_left .swiper-slide a{width:100%; display: block; overflow: hidden;}
.index_news_left .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_news_left .swiper-pagination-bullet{width:.13rem; height:.13rem; background:#fff; opacity: 1;}
.index_news_left .swiper-pagination{width:auto; left:auto; right:10px}
.index_news_left .swiper-pagination-bullet-active{background: #d4090f}
.index_news_right{width:32%; height: auto; float: right;}
.index_news_right a{width:100%; display: block; margin-bottom:26px; overflow: hidden;}
.index_news_right 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_news_right a:hover img,.index_news_left .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_service{width:100%; height: auto; overflow: hidden; background: #edf5ff; display: flex; justify-content:flex-end;}
.index_service_info{width:88%}
.index_service_title{width:100%; color: #000000; font-size:.4rem; margin:.55rem 0 .3rem;}
.index_service_xx{width:100%; height: auto; background: url(../images/service_bjs.jpg) no-repeat; background-size:cover}
.service_xx_one{width:100%; height:1.46rem; background: rgba(255,255,255,0.1); display: flex; justify-content: space-between; align-items: center; padding: 0 14% 0 3%; }
.service_xx_left h4{color:#ffffff; font-size: 0.18rem;}
.service_xx_left h5{color:#ffffff; font-size: 0.18rem;}
.service_xx_left h5 span{font-size:.3rem; font-weight: bold;}
.service_xx_one a{width:auto;  padding:.12rem .25rem; border: 1px solid rgba(255,255,255,0.4); font-size:.15rem; color: #fff; display: block; text-align: center; position: relative;}
.service_xx_one a:after,.service_xx_more:after{content: ""; width:0; height: 100%; background: #fff; position: absolute; top: 0; right:0; transition: all 0.4s ease-in-out;}
.service_xx_one a span,.service_xx_more span{position: relative; z-index:1; font-size:.16rem}
.service_xx_one a:hover:after,.service_xx_more:hover:after{width:100%}
.service_xx_one a:hover span{color:#003c83}
.service_xx_bottom{width:100%; height: auto; overflow: hidden; padding: 0 14% 0 3%; }
.service_xx_num{width:100%; border-bottom: 1px solid rgba(255,255,255,0.2); padding:.28rem 0; display: flex; justify-content: space-between; align-items: center;}
.service_xx_ky h4{font-size: .3rem; color: #fff; margin-bottom:.08rem;}
.service_xx_ky p{font-size:.18rem; color: #fff;}
.service_xx_sr{text-align: right;}
.service_xx_sr h6{font-size:.18rem; color: #fff;}
.service_xx_sr h5{font-size:.18rem; color: #fff;}
.service_xx_sr h5 span{font-size:.46rem; font-weight: bold;}
.service_xx_lis{width:100%; margin-top:.3rem;}
.service_xx_lis p{color:#fff; font-size: 0.18rem; line-height:.34rem;}
.service_xx_lis p span{font-size:.12rem;}
.service_xx_more{padding:.15rem .25rem; display:table; font-size: .15rem; border:1px solid rgba(255,255,255,0.4);  text-align: center;  color:#fff; margin:.3rem 0; position: relative;}
.service_xx_more:hover span{color:#003c83}



/*关于我们*/
.index_about{width:100%; height: auto; overflow: hidden; margin-top: .6rem;}
.index_about .w1440{position: relative; overflow: hidden;}
.index_about_info{width:45%; float: left; margin-bottom: .7rem; position: relative; z-index:1}
.index_about_info h3{font-size:.4rem; color: #000000;}
.index_about_info h4{font-size: 0.18rem; color: #003c83; margin-top: 10px;}
.in_about_xx{width:100%; display: block; color: #555555; font-size:.18rem; line-height:.36rem; margin:.38rem 0 .78rem;}
.in_about_more{border:1px solid #003c83; display:table; text-align: center; padding:.1rem .3rem; font-size:.15rem; color: #000000;  position: relative;}
.index_about_img{width:57%; position: absolute; bottom:0; right:0}
.index_about_img img{width:100%; display: block;}
.in_about_more:after{content: ""; width:0; height: 100%; background: #003c83; position: absolute; top: 0; right:0; transition: all 0.4s ease-in-out;}
.in_about_more span{position: relative; z-index:1; font-size:.16rem}
.in_about_more:hover:after{width:100%}
.in_about_more:hover span{color:#fff}



/*荣誉资质*/
.honor_list{ overflow: hidden;  width:100%; margin-bottom:.6rem;}
.honor_list li{ width:24.2%; float: left; border: 1px solid #e5e5e5; margin-right: 1%; margin-bottom: 20px;}
.honor_list li:nth-child(4n){ margin-right: 0;}
.honor_list li .img{overflow: hidden; width:100%;}
.honor_list li .img img{ width: 100%; transition: all 0.3s; display:block;object-fit: cover;  height: auto;}
.honor_list li:hover .img img{transition: all 0.3s; transform: scale(1.05);}
.honor_list li .gallery-title{ line-height:.4rem; background: #e5e5e5;text-align: center; font-size:.16rem; transition: all 0.3s; width:100%; height:.4rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.honor_list li:hover{ border: 1px solid #d4090f;}
.honor_list li:hover .gallery-title{ background: #d4090f; color: #fff;}


/*产品呢*/
.products_list{ overflow: hidden;  width:100%; margin-bottom:.6rem;}
.products_list li{ width:24.2%; float: left; border: 1px solid #e5e5e5; margin-right: 1%; margin-bottom: 20px;}
.products_list li:nth-child(4n){ margin-right: 0;}
.products_list li .img{overflow: hidden; width:100%;}
.products_list li .img img{ width: 100%; transition: all 0.3s; display:block;object-fit: cover;  height: auto;}
.products_list li:hover .img img{transition: all 0.3s; transform: scale(1.05);}
.products_list li .gallery-title{ line-height:.4rem; background: #e5e5e5;text-align: center; font-size:.16rem; transition: all 0.3s; width:100%; height:.4rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.products_list li:hover{ border: 1px solid #d4090f;}
.products_list li:hover .gallery-title{ background: #d4090f; color: #fff;}




/*产品详情页*/
.ny_product_show{width:100%; height: auto; overflow: hidden; margin:.3rem 0 .4rem;}
.ny_pro_top{width:100%; height: auto; overflow: hidden}
.ny_pro_tleft{width:43%; height:auto; float: left}
.ny_pro_tleft .slideBox{ width:100%; height:100%; overflow:hidden; position:relative; border:1px solid #ddd;  }
.ny_pro_tleft .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:15px; z-index:1; }
.ny_pro_tleft .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.ny_pro_tleft .slideBox .hd ul li{ float:left; margin-right:10px;  width:12px; height:12px; line-height:14px; text-align:center; background:#c9c9c9; cursor:pointer; border-radius: 50%;}
.ny_pro_tleft .slideBox .hd ul li.on{ background:#d4090f; color:#fff; }
.ny_pro_tleft .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.ny_pro_tleft .slideBox .bd ul{width:100%; height: 100%; overflow: hidden}
.ny_pro_tleft .slideBox .bd li{width:100%; height: 100%; }
.ny_pro_tleft .slideBox .bd img{ width:100%; height:100%; display:block;  }
.ny_pro_tright{width:54%; height: auto; float: right}
.ny_pro_tright h1{ font-size:.36rem; color: #191919; height:auto; line-height:.4rem; font-weight:700;}
.ny_pro_p{width:100%; height:auto; border-bottom: 1px solid #e5e5e5; margin-top:.16rem; overflow:hidden; padding-bottom:30px;}
.ny_pro_p p{width:100%; height:100%;  color: #000000; line-height: .4rem; font-size:.16rem;   }
.ny_pro_bottom{width:100%; height: auto; display: block; overflow: hidden; margin-top: 65px;}
.ny_pro_bleft{width:100%; height: auto; overflow: hidden; }
.ny_probt{width:100%; height:.6rem;}
.ny_probt li{width:100%; height:.6rem; background:#eeeeee; color:#313131; font-size:0.24rem; float:left; text-align:center; line-height:.6rem; margin-right:1px;}
.ny_probt li:last-child{margin-right:0px;}
.ny_probt li:hover{background:#333; color:#fff}
.ny_probt li:hover a{color:#fff}
.ny_probt li.on{background:#333;}
.ny_probt li.on a{ color:#fff}
.ny_probt li a{width:100%; height:100%; display:block; overflow:hidden; font-size:.24rem;font-weight: bold;}
.ny_proshow_info{width:100%; height:auto; overflow:hidden;  margin-top:.4rem; font-size:.16rem;color:#333; line-height:.4rem;}
.ny_proshow_info p{font-size:.16rem;color:#333; line-height:.3rem;}
.ny_proshow_info img{max-width:100%}


/*新闻 */
.ny_news_all{width:100%; height: auto; overflow: hidden; margin:.3rem 0 .4rem; }
.ny_news_all ul{width:100%; height: auto; overflow: hidden; margin-bottom:.6rem;}
.ny_news_all ul li{width:100%; height: auto; overflow: hidden; padding: 15px}
.ny_news_all ul li a{width:100%; display:flex;}
.ny_news_all ul li .ny_time{width:115px;height: auto; float: left; margin-top:.35rem;}
.ny_news_all ul li .ny_time span{display: block; font-size:.16rem; color: #999; text-align: right}
.ny_news_all ul li .ny_time p{font-size:.4rem; color: #c8c8c8; text-align: right;}
.news_xx{width:62%; height: auto; float: left; margin-left:2%; margin-top:12px;}
.news_xx h3{width:100%; height:.35rem; line-height:.35rem; font-size:.2rem; color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.news_xx p{width:100%; height:.54rem; line-height:.28rem; font-size:.16rem; color: #666;  margin: 18px 0; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; }
.news_xx span{font-size: 0.16rem; color: #aaaaaa}
.news_pic{width:24%; height: auto; float: right;margin-left: 3%;}
.news_pic img{width:100%; object-fit: cover;  height: auto;}
.ny_news_all ul li:hover{background: #f4f4f4}
.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:#d4090f}
.ny_news_all ul li:hover h3{font-weight: bold; }
.ny_service_all{width:100%; height: auto; overflow: hidden; margin:.6rem 0 1rem; }
.ny_news_bts{width: 100%; font-size:0.18rem; color: #333; padding: 10px 0px; clear: both}



/*联系我们*/
.ny_contact{width:100%; height: auto; overflow: hidden; margin:1.6rem 0;     }
.ny_contact_map{width:100%;  height: 400px; overflow: hidden; margin-top: .2rem;}
.ny_conta_xx{width:100%; height: auto; display: flex; justify-content: space-between; overflow: hidden; margin-bottom: .5rem; margin-top: .3rem;}
.contact_right{width:55%; font-size:.16rem; color: #333;  line-height:.4rem;}
.contact_right p{font-size:.16rem; color: #333;  line-height:.4rem;}
.ny_cont_wx{width:20%; display:flex; justify-content: space-between;}
.ny_cont_wx dl{width:48%; height:auto; float: left; }
.ny_cont_wx dl dt{width:100%; height: auto; border: 1px solid #e5e5e5;  background: #fff}
.ny_cont_wx dl dd{ font-size: 0.16rem; color: #555;  line-height:.25rem; text-align: center; margin-top: 6px;}
.ny_cont_wx dl dt img{width:100%; height: 100%;}
.keyword_light{line-height:28px;}
.ny_news_show{width:100%; height: auto; overflow: hidden; font-size:.16rem; color:#666; margin:.6rem 0 1rem; padding-bottom: 0px; }
.ny_news_show h1{width: 100%; font-size:.24rem; color: #555; padding: 10px 0px; text-align: center;  clear: both; font-weight: bold}
.ny_news_show img{max-width:100%}
.ny_news_show p{    font-size: .18rem;
  color: #333;
  line-height: .42rem;}
.ny_news_time{width: 100%; line-height:.4rem; color: #999; height:.4rem; margin-bottom:.24rem; font-size:.16rem;  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; clear: both}
#newsfoot td,#newsfoot td a{font-size:.16rem; }
#newsfoot a p{width: 90px; height: 30px; background: #d4090f; color: #fff; text-align: center; line-height: 30px; border-radius: 5px; position: relative;}
.ny_title_1{ overflow: hidden; margin-bottom: .3rem;}
.ny_title_1 h2{font-size:.34rem; line-height:.5rem; color: #333;font-weight: bold   }
.ny_title_1 p{text-transform: uppercase; font-size:.22rem; color: #d4090f; position: relative; line-height:.4rem; }
.ny_title_1 p::after{ content: ""; position: absolute; display: block; height: 1px; width:1.4rem; background: #d4d4d4; left: 0; bottom: 0;}
.ny_title_1 em{font-style: normal; font-size:.18rem;  color: #000; padding: 15px 0; display: block;}
.section-content{width:100%; height:auto; overflow:hidden; margin:.3rem 0 .5rem;}




/*联系我们*/
.index_footer{width:100%; height: auto; background:#edf5ff; position: relative; padding:.46rem 0 .1rem;}
.index_footer_top{width:100%; height: auto; overflow: hidden; display: flex; justify-content: space-between;}
.footer_top_nav{display: flex; justify-content: space-between; width:57%;}
.footer_top_nav dl dt{font-size: 0.18rem; position: relative; padding-left: 10px; color: #003c83; line-height: 25px;}
.footer_top_nav dl dt:after{content:""; width:3px; height: 12px; background: #d4090f; position: absolute; top:8px; left: 0;}
.footer_top_nav dl dd{width:100%; margin-top: 8px; padding-left:10px;}
.footer_top_nav dl dd a{color:#7e93b4; font-size:.16rem; display: block; line-height:.3rem; margin-bottom: 5px;}
.footer_top_nav dl dd a:hover{color:#003c83}
.footer_ma{width:20%; display: flex; justify-content: space-between;}
.footer_ma dl{width:47%}
.footer_ma dl dt{width:100%; background: #ffffff; padding: 10px;}
.footer_ma dl dt img{width:100%; display: block;}
.footer_ma dl dd{width:100%; color: #7e93b4; font-size:.15rem; text-align: center; margin-top: 5px;}
.footer_bottom{width:100%; height: auto; overflow: hidden; display: flex; justify-content:space-between; margin-top:.3rem;}
.footer_bottom .w1440{display: flex; justify-content: space-between;}
.copy_l{width:auto; height: auto; overflow: hidden; font-size:.14rem; color:#999999; line-height:.6rem;  text-transform: uppercase; float: left; }
.copy_l a{color:#999999; font-size:.14rem; margin-left: 1vw;}
.copy_l a:hover{color:#003c83}
.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:.6rem; background: url(../images/wl.png) no-repeat center; background-size: 100% auto;}
.footer_zhichi .pt{width:121px;height:.6rem; background: url(../images/vl.png) no-repeat center; }
.footer_zhichi span{float: left; font-size:.14rem; color: #999999; line-height:.6rem;}
.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:.6rem; margin: 0 .5vw;}



/*关于我们*/
.page-list{ display: none;}
.inside_banner h2{ font-size:.4rem; font-weight: bold; color: #fff; text-align: center;line-height:.6rem; padding-top: 0px;}
.inside_banner p{ text-align: center; font-size:.16rem; margin-top:.3rem}
.inside_banner p img{ margin-right: 10px;}
.inside_banner p a{ display:inline-block;}
.inside_banner p *{ color: #fff;  font-size:.16rem;}
.inside_banner .shubiao{ display: block; margin: 32px auto;}
.nav-height{min-height:.3rem; background: #f7f6f4;position: relative;}
.nav-wrap.navFix{position: fixed; top:.9rem; left: 0; z-index: 8; height:.9rem; background: #f7f6f4; width: 100%;  box-shadow: 0 0 5px rgba(0,0,0, 0.2);}
.nav-wrap{ }
.nav-wrap ul{display: table!important; margin: 0 auto; max-width:14.4rem;}
.nav-wrap li{ float: left; line-height:.6rem; position: relative; margin:5px 0;}
.nav-wrap li a{font-size:.18rem; padding: 0 .2rem; display:block}
.nav-wrap li::before{ content: "|"; position: absolute;  display: block; right: 0; color: #808080; font-size:.14rem;}
.nav-wrap li:last-child::before{ display: none;}
.nav-wrap li a.active{ position: relative;}
.nav-wrap li a.active::after{ content: ""; position: absolute; width:80%; height:3px; bottom:0; background: #d4090f; left: 50%; transform:translate(-50%,0) }
.inside_banner{ height:2.52rem; padding-top:.6rem; position:relative;   background-image: linear-gradient(to right, #84a9cd , #f3e1e1); 
    background-image: -webkit-gradient(to right, #84a9cd , #f3e1e1); 
    background-image: -webkit-radial-gradient(to right, #84a9cd , #f3e1e1);}
.inside_banner .in_header{position:absolute;}



/*底部*/
footer{ position: fixed;  bottom: 0;left: 0;z-index: 222; height:1.1rem;width: 100%; background: #333333; display: none;}
footer ul{width:100%; height:100%;}
footer li{width:25%;height: 100%;float: left; border-left: 1px solid rgba(255,255,255,0.2);}
footer li a{display: block;width: 100%;height: 100%;text-align: center; box-sizing: border-box;color: #3c3c3c;  padding-top:.2rem }
footer span{line-height:.3rem; font-size: .24rem; width: 100%; display: block; color: #fff; margin-top: .1rem }
footer i{height:.4rem; display: block; margin:0 auto 0;  }
footer i img{height: 100%}
footer li a.active{border-bottom: 2px solid #29a7e1}
.copy {width: 100%;   line-height: .3rem; clear: both; font-size: .26rem; text-align: center; background:url(../images/copy_bjs.jpg) no-repeat; background-size: cover; padding: .4rem 0; }
.copy p{color:#333;line-height:.4rem; font-size:.27rem; margin-bottom:.15rem}
.copy a{color:#333;line-height:.4rem; font-size:.27rem; }
.copy_zi{margin:.1rem auto; display: table; }
.f_top{width:.8rem; position:fixed; bottom:15%; right:0; z-index: 9}
.f_top img{width:100%; display: block}
.index_contact{display:none; background:#eee}


/*客服*/
.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 (max-width:1500px) {
  .ban_info,.w1440,.container{width:13rem}
  .index_service_info{width:95%}
  .footer_ma{width:22%}
  .header_right{width:62%}
}





@media (max-width:1366px) {
  html{font-size:85px;}
   #menu .nav .nLi p a,.index_about_info h4,.footer_top_nav dl dt,.ny_title_1 em,.ny_news_show p{font-size:.2rem}
  .footer_top_nav{width:60%}
  .ban_info p{font-size:.14rem}
  #menu .nav .sub a,.footer_top_nav dl dd a,.in_about_more span{font-size:.18rem}
  .ban_info, .w1440, .container { width: 14.2rem;}
  .copy_l a,.footer_zhichi span,.copy_l,.footer_ma dl dd{font-size:.16rem}
  .service_xx_bottom,.service_xx_one{ padding: 0 5% 0 3%;}
}


@media (max-width:1210px) {
	.lxfx{display:none}
	html{font-size:75px;}
	.service_xx_left h4,.index_news_title a span,.service_xx_left h5,.service_xx_ky p,.service_xx_lis p,.service_xx_one a span, .service_xx_more span,.in_about_xx,.contact_right p,.news_xx p,.ny_cont_wx dl dd{font-size:.22rem}
	.news_xx h3{font-size:.24rem;}
	.ny_news_time,.ny_news_bts,.inside_banner p *,.inside_banner p{font-size:.2rem}
	.ny_news_show h1{font-size:.32rem}
	.footer_top_nav dl dd a{font-size:.2rem}
	.copy_l a, .footer_zhichi span, .copy_l, .footer_ma dl dd{font-size:.18rem}
	.footer_top_nav dl dt,.index_about_info h4,.nav-wrap li a{font-size:.24rem}
	.ny_news_show p,.ny_title_1 em,.honor_list li .gallery-title,#menu .nav .nLi p a{font-size:.22rem}
	.honor_list li .gallery-title{height:.6rem; line-height:.6rem}
	.ny_pro_p,.ny_pro_p p,.ny_pro_p p span,.ny_proshow_info p{font-size:.2rem; line-height:.4rem}
	.footer_top_nav{width:66%}
}


@media (max-width:1080px) {
	.ban_info, .w1440,.container{width:13.6rem}
	.index_service_info{width:98%}
	.service_xx_bottom,.service_xx_one{padding: 0 3% 0 3%;}
	.news_xx p{line-height:.4rem;height:.8rem}
	
}

@media (max-width:1030px) {
	.ban_info, .w1440,.container{width:13rem}
	
}


/* 992 平板横屏 */
@media (max-width: 992px) {
  html { font-size:58px; }
  .ban_info, .w1440, .container{width:14rem}
  .h_logo img{width:.5rem}
}



/* 768 平板竖屏 */
@media (max-width:800px) {
  html{font-size:52px;}
  
  
}

/* 576 手机大屏 */
@media (max-width: 576px) {
  body{padding-bottom:1.1rem}
  .header_top,.index_footer{display:none}
  .index_header,footer,.index_contact{display:block}
  .inside_banner{margin-top:1.2rem; height:3.4rem; padding-top:1rem}
  .ny_news_time, .ny_news_bts, .nav-wrap li a, .inside_banner p *, .inside_banner p,.news_xx span,.news_xx p,#newsfoot td, #newsfoot td a{font-size:.27rem}
  .ban_info, .w1440, .container {width:94%;}
  .inside_banner h2{font-size:.5rem}
  .nav-wrap li a{font-size:.3rem; padding: 0 .3rem .12rem;}
  .nav-wrap li{margin:8px 0}
 .footer_top_nav dl dt, .ny_title_1 em, .ny_news_show p,.ny_pro_p,.ny_proshow_info,.ny_proshow_info p{ font-size: .28rem; line-height:.5rem }
  .ny_title_1 p{font-size:.26rem; line-height:.7rem}
  .ny_title_1 h2{font-size:.42rem}
  .ny_conta_xx{ flex-wrap: wrap;}
  .service_xx_left h4, .index_news_title a span, .service_xx_left h5, .service_xx_ky p, .service_xx_lis p, .service_xx_one a span, .service_xx_more span, .in_about_xx, .contact_right p{font-size:.3rem}
  .contact_right p span,.ny_cont_wx dl dd{font-size:.3rem; line-height:.4rem}
  .contact_right{width:100%; margin-bottom:.4rem}
  .ny_cont_wx{width:56%}
  .news_pic{display:none}
  .ny_news_all ul li .ny_time{width:1.4rem}
  .ny_news_all ul li a{justify-content: space-between;}
  .news_xx{width:81%}
  .ny_news_all ul li .ny_time p{font-size:.5rem}
  .ny_news_all ul li .ny_time span,.ny_probt li a{font-size:.3rem}
  .news_xx h3,.ny_news_show h1{font-size:.35rem}
  .news_xx p{line-height:.4rem; height:.8rem}
  .ny_news_time{height:.7rem; line-height:.7rem}
  .honor_list li{width:48%;}
  .honor_list li:nth-child(2n){float:right}
  .honor_list li .gallery-title,.products_list li .gallery-title{height:.7rem;  line-height:.7rem; font-size:.29rem}
  .ny_pro_tleft,.ny_pro_tright{width:100%; float:none}
  .ny_pro_tright{margin-top:.4rem}
  .ny_pro_tright h1{font-size:.42rem}
  .index_news_left{width:100%; float:none; margin-bottom:.3rem}
  .index_news_right,.index_about_info{width:100%; float:none}
  .in_about_xx{line-height:.6rem}
   .index_about_info h4,.service_xx_sr h6{font-size:.32rem}
   #menu .nav .sub a, .footer_top_nav dl dd a, .in_about_more span{font-size:.26rem}
  .index_about_img{position:unset}
  .h_logo img{width:.7rem}
  .h_logo_zi h3{font-size:.34rem; line-height:.45rem}
  .h_logo_zi p{font-size:.16rem}
   .service_xx_lis p,.service_xx_ky p{line-height:.5rem}
   .service_xx_one{padding:.4rem 2%; flex-wrap: wrap; height:auto;}
  .service_xx_left{width:100%; margin-bottom:.3rem}
   .service_xx_bottom{padding:.6rem 2% .5rem; flex-wrap: wrap; }
  .service_xx_num{flex-wrap: wrap;}
   .service_xx_sr h5 span{font-size:.8rem}
  .service_xx_sr{width:100%; text-align:center; margin-top:.5rem}
  .banner{margin-top:1.2rem; height:4.2rem}
  .banner img{height:100%; object-fit: cover; object-position: center center;}
  .ban_info h4{font-size:.38rem}
  .ban_info p{font-size:.16rem}
  .ny_probt li a,.ny_probt li{height:.8rem; line-height:.8rem}
  .products_list li{width:100%; margin-right:0}
  .ny_pro_p, .ny_pro_p p, .ny_pro_p p span, .ny_proshow_info p{font-size:.3rem; line-height:.6rem}

}

/* 375 手机小屏 */
@media (max-width: 425px) {
  html {font-size:48px;}
  .index_news_title h4{font-size:.44rem}
  .index_service_info{width:100%}
  .index_service_title{padding:0 2%}
 .news_xx{width:78%}
  .service_xx_lis p{line-height:.6rem}
  .index_about_img{width:100%}
  .service_xx_left h4, .index_news_title a span, .service_xx_left h5, .service_xx_ky p, .service_xx_lis p, .service_xx_one a span, .in_about_xx, .contact_right p,.service_xx_ky h4{font-size:.32rem}
 

}