@charset "utf-8";
html{ font-size: 100px; }
body{font-family:Arial, Helvetica, sans-serif;font-family:"Microsoft YaHei","Source Han Sans CN", sans-serif;  color:#333; font-size:14px;}
*{margin:0px;padding:0px;list-style: none; }
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#8FC31F}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.bak{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{ background-repeat: no-repeat; background-position: center; background-size: cover; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}

.pic1 span{background-repeat: no-repeat; background-position: center; background-size:contain; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}



.w1200{ width: 1280px; margin: auto; }
.content{ margin:30px auto; }
.middle{ margin: 40px auto; }

.top{ margin: auto;  position: absolute; top: 0; left: 0; width: 100%; z-index: 999; }
.logo{ float: left;  width: 100px; padding-top: 10px; }
.lang{ float: right; margin-left: 10px; }
.lang a{line-height: 100px; color: #fff; font-family: Arial;}
.lang a:hover{ opacity: .8; }
.nav{ float:right; font-size: 16px; }
.nav li{ float: left; text-align: center; position: relative; z-index: 999;}
.nav li a{ display: block;  margin: 0px 28px; color: #fff; line-height: 100px; }
.nav li a:hover,.nav li.on a{ opacity: .8;}


.nav li .sub-box1{ position:absolute;text-transform:none; top:72px; left: -45%;  width:200%; overflow: hidden; height: 0px; display: block; z-index: 999; transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;  z-index: -1;opacity:0; filter:alpha(opacity=0); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }

.nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.nav li .sub-box{ background:#fff; }
.nav li .sub-box a{ display: block; margin: auto; font-size: 14px;  padding:0px 10px; text-align: center; border-bottom: #004F88 1px dotted; line-height: 45px; }
.nav li .sub-box a:hover{ background: #4078c2; color: #fff; }

.box{ padding:0.7rem 0; }

.index_dh{ margin: auto; text-align: center;  }
.index_dh h2{font-size: 0.35rem; }
.index_dh p{ font-size: 16px; color: #666; margin:10px auto; }
.index_dh1{ text-align: left; border-bottom: #ddd 1px solid; padding-bottom:30px;  }

.foot{ background: #000; margin: auto; color: #999;   }
.foot_nr{  padding:40px 0 0 0; }
.foot_nr .w1200{ border-bottom: #3B3B3B 1px solid; padding-bottom: 20px;}
.foot_nav{display: grid; grid-template-columns: repeat(2, 1fr);  gap:20px; width: 40%; }
.foot_nav dl dt{ font-size: 16px; font-weight: bold; margin-bottom:15px; }
.foot_nav dl dd{ margin:10px auto; }
.foot_nav dl dd a{color: #999; }
.foot_nav dl dd a:hover{ color: #fff; }
.wei{ width: 20%; text-align: center;}
.wei p{ margin-top: 10px; }

.lxwm{ text-align: right; }
.lxwm .tel{ margin-bottom:20px;color: #fff; }
.lxwm .tel span{}
.lxwm .tel p{ font-size: 22px; margin-top: 5px; font-weight: bold; }
.lxwm dd{ margin:5px auto; }
.bq{ text-align: center; padding:15px 0; }
.bq span{ padding-right:20px; display: inline-block; }
.bq a{color: #999}

.bolang{-webkit-mask-image: url(../images/but.png);}
@keyframes wp_wave_mask_ani {
	0% { -webkit-mask-position-x: 0; }
	100% { -webkit-mask-position-x: 100vw;}
}
.wp_wave_mask_ani {
	width: 100%;height:90px; background-color: #000; -webkit-mask-size: 100% 100%;-webkit-mask-repeat: repeat;animation: wp_wave_mask_ani linear 5s infinite;
}


.nbanner{ margin: auto; position: relative;  }
.nbanner .pic span{ padding-top: 26%; }
.nbanner .text{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 99; width: 100%; height: 100%; color: #fff; display: flex; align-items: center; text-align: center;}
.nbanner .text h2{ font-size: 0.35rem; font-weight: bold; margin:15px auto; }
.nbanner .text p{ font-size: 14px; }
.nbanner .text i{ display: block; width: 60px; height: 2px; background:#fff; margin:auto; }

.n_name{ font-size: 0.35rem; text-align: center; }
.n_name i{ display: block; width: 45px; height: 2px; background:#116FB6; margin:10px auto; }
.n_dh{ margin: 30px auto;  text-align: center; display: flex; }
.n_dh a{  width: 25%; height: 50px; line-height: 50px; font-size: 16px;  background:#f2f2f2; margin-bottom:10px; }
.n_dh a:hover,.n_dh a.on{color: #fff; background: #1B95CC; }





/*返回顶部*/
#goTopBtn{ position:fixed; right: 0px; bottom: 50px; width: 38px; height: 38px; background: #666; color: #fff; text-align: center;  border-radius: 100%; z-index: 99999; cursor: pointer; }
#goTopBtn i{ font-size: 22px;line-height: 38px; }


.pic_fl { margin:30px auto; display: grid; grid-template-columns: repeat(2, 1fr);  gap:20px; }
.pic_fl li{ position: relative; background: #f2f2f2; }
.pic_fl li .pic span{ padding-top: 66%; }
.pic_fl li .text{ font-size: 0.24rem; /*position: absolute; top: 0; width: 100%; left: 0;*/ /*background: linear-gradient(to bottom, rgba(242,242,242,1), rgba(255,255,255,0)); background: #f2f2f2;*/}
.pic_fl li .text .con{padding:30px 20px; text-align: center;}
.pic_fl li .text h3{ font-size: 20px; font-weight: bold; }
.pic_fl li .text p{ font-size: 14px; margin:10px auto; color: #666; }


.box1{background-repeat: no-repeat; background-position: center; background-size: cover;}
.about_box{ float: right; width: 50%;  color: #fff;}
.about_dh h2{ font-size: 0.35rem; font-weight: bold; }
.about{ margin:30px auto; line-height: 2;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}

.ys_shuzi{ margin:0.5rem auto; }
.ys_shuzi ul{display: grid; grid-template-columns: repeat(4, 1fr);   text-align: center;  }
.ys_shuzi ul li img{ display: block; margin:auto; height: 46px; }
.ys_shuzi ul li .counter{ font-size: 0.32rem; font-weight: bold; margin-right:5px; }

.pic_l{ width: 40%; margin-right: 30px; }
.pic_r{ overflow: hidden; }
.pic_box{ position: relative; }
.pic_box .text{ margin:30px auto; }
.pic_box .text h2{ font-size: 0.26rem; color: #000;}
.pic_box .text p{ margin:20px auto; line-height: 1.8; color: #666; }
.pic_box .text em{ height: 40px; line-height: 40px; width: 120px; background:#116FB6; color: #fff; text-align: center; display: block; border-radius: 5px; }
.pic_box a:hover .text em{ background:#005392; }
.pic_box .pic1 span{ padding-bottom: 100%; }
.pic_r .pic_box .mySwiper{ width: calc(100% - 200px); margin:auto; }

.pic_box .swiper-button-next, .pic_box .swiper-button-prev{ outline: none; background: #f2f2f2; color: #666; width: 50px; height: 50px; line-height: 50px; border-radius: 100%; }
.pic_box .swiper-button-next:after, .pic_box .swiper-button-prev:after{ font-size: 16px; }


.pic_list1{display: grid; grid-template-columns: repeat(4, 1fr);  gap:30px; }
.pic_list1 a{ display: block; border:#eee 1px solid; }
.pic_list1 a:hover{border:#8FC31F 1px solid; }
.pic_list1 .pic_big{ padding:15px; }
.pic_list1 .pic1 span{ padding-top: 66%; }
.pic_list1 h3{padding:0 15px 15px 0; text-align: center; }


.nlxwm{background:#f2f2f2; display: flex; align-items: center;  margin-bottom: 60px; }
.nlxwm .map{ width: 50%; }
.nlxwm .lxwm_con{ width: 45%; margin-left:5%; }
.nlxwm .lxwm_con i{display:  block; float: left; font-size: 34px; margin-right: 10px; font-weight: bold;}
.nlxwm .lxwm_con dl{ overflow: hidden; font-size: 16px; }
.nlxwm .lxwm_con dl dt{ font-weight: bold; margin-bottom:5px; }
.nlxwm .lxwm_con .item{ margin:25px auto; }

.liuyan_con{ margin:40px auto; }
.liuyan_con p{ float: left; width: 49%; border:#ddd 1px solid; margin-bottom: 20px; }
.liuyan_con p input{ width: 100%; border:none; background:none; height: 45px; line-height: 45px; text-indent: 15px; }
.liuyan_con p:nth-child(2n) { float: right; }
.liuyan_con dd{ margin:20px auto; }
.liuyan_con dd textarea{width: calc(100% - 30px); height: 100px;  border:#ddd 1px solid; padding:15px;}
.liuyan_con p:last-child{ float: none; width: 250px; margin:auto; border:none;}
.liuyan_con p:last-child input.tj{ background:#1B95CC; color: #fff; text-align: center; border-radius: 5px; cursor: pointer; font-size: 16px; }

.wap,.pic_box .text em.wap{display: none;}

.box2{ background: #f2f2f2; }
.news_tj{ margin:30px auto; display: grid;  grid-template-columns: repeat(2, minmax(0px, 1fr)); gap:30px; }
.news_tj li{border-bottom: #ddd 1px solid; padding-bottom:30px;}
.news_tj li a{display: flex; align-items: center;}
.news_tj li .pic{ width: 40%; margin-right: 5%; }
.news_tj li .pic span{ padding-top: 66%; }
.news_tj li .text{ width: 55%; }
.news_tj li .text h3{ font-size: 16px; font-weight: bold; }
.news_tj li .text p{ margin:10px auto; line-height: 1.8; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.news_tj li .text em{ display: block; text-align: right; font-size: 12px; color: #999; }
.news_list{}
.news_list li{ float: left; width: 48%; line-height: 35px; }
.news_list li:nth-child(2n) { float: right; }
.news_list li a{ display: block; }
.news_list li a h3{   float: left;  width: calc(100% - 80px); font-size: 14px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_list li a em{ display: block; overflow:hidden; text-align: right; font-size: 12px; color: #999; }
.n_about{ margin:20px auto; }
.zz_box .pic span{ padding-top:30%;  }
.n_ys_shuzi{ width: 50%; margin:20px auto; }
.zz_box{ margin:60px auto; }

.zz_list{  margin:40px auto; }
.zz_list li img{ height: 340px; }
#zuo {overflow:hidden;  }
#inzuo { float: left; width: 800%;   }
#zuo1 { float: left;}
#zuo li{ float:left; list-style:none; margin-right:30px; }
#zuo2 { float: left;}



.pic_box1{ margin:50px auto; }
.pic_box1 .texiao{ float: left; width: 38%; margin-right: 60px; }
.pic_box1 .texiao .pic1{ border:#ddd 1px solid; }
.pic_box1 .texiao .pic1 span{ padding-top: 100%; }
.pic_box1 .texiao .pic_thumb{ margin-top: 10px; }
/*.pic_box .texiao .mySwiper .swiper-slide { opacity: 0.4;}
.pic_box .texiao .mySwiper .swiper-slide-thumb-active {opacity: 1;}*/
.pic_box1 .texiao .mySwiper .swiper-slide-thumb-active .pic1{ border:#209A4E 1px solid; }
.pic_box1 .texiao .pic1 span{ padding-top: 81%; }
.pic_box1 .texiao .pic1 i{ width: 40px; height: 40px; background: #fff; position: absolute; right: 10px; top: 10px; text-align: center; line-height: 40px; display: block; border-radius: 100%; transition: all 0.5s;}
.pic_box1 .texiao .pic1 i{font-size: 22px; color: #000; }
.pic_box1 .texiao .pic1 i:hover{webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}


.pic_box1 .con_r{ overflow: hidden; }
.pic_box1 .con_r h1{ font-size: 20px; font-weight: bold; margin:10px auto; line-height: 1.8; border-bottom: #ddd 1px solid; padding-bottom:10px; }
.pic_box1 .con_r .dec{ line-height: 1.8; color: #666; font-size: 14px; margin:15px auto 20px auto; }
.pic_box1 .lx_but{ margin-top: 60px; }
.pic_box1 .lx_but a{ display: inline-block; width: 125px; height: 40px; line-height: 40px; border:#1B95CC 1px solid; text-align: center; color: #1B95CC;  border-radius: 5px; margin-right: 10px;  }
.pic_box1 .lx_but a i{ margin-right: 5px; }

.pic_con{ }
.pic_dh{  font-size: 18px; }
.pic_dh li{ display: inline-block; font-weight: bold; }
.pic_nr{ font-size: 16px; line-height: 1.8; margin:10px auto; }

.pic_box1 .texiao .swiper-button-next, .pic_box1 .texiao  .swiper-button-prev{ outline: none; }

.pic_box1 .texiao  .swiper-button-next:after, .pic_box1 .texiao .swiper-button-prev:after{ font-size: 20px; }