@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:#0000c7}
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, a:hover .bak {-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: 1632px; margin: auto; max-width: 96%; }
.ww1200{ width: 1200px; margin:auto; max-width: 94%; }
.content{ margin:20px auto; }
.middle{ margin: 50px auto;  }

.top{ margin: auto; position: fixed; left: 0; top: 0; width: 100%; z-index: 1000000; background: #fff; }
.top .w1200{display: flex; align-items: center; justify-content: space-between; height: 90px; }
.logo{ width: 250px; flex: none; }
.logo_r{ display: flex; align-items: center;  height: 73px; }

.nav{  font-size: 16px; margin-right: 80px; }
.nav li{ text-align: center; position: relative; float: left; margin-left: 50px; }
.nav li a{ display: block; font-size: 18px;  height: 90px; line-height: 90px;}
.nav li a:hover,.nav li.on a{ font-weight: bold;  }


.nav li .sub-box1{ position:absolute;text-transform:none; top:90px; 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; height: 40px; line-height: 40px; text-align: center; border-bottom: #ddd 1px dotted; }
.nav li .sub-box a:hover{ background: #0000c7; color: #fff; }


.tel{ display: flex; align-items: center; font-size: 26px; color: #0000c7; font-weight: bold; margin-left: 50px; }
.tel img{ margin-right:10px;}



.about_box{background-repeat: no-repeat; background-position: center; background-size: cover; padding:1rem 0 1.7rem 0;}
.index_dh{ margin: auto; }
.index_dh h2{ font-size:34px; font-weight: bold; color: #000;  float: left;  display: flex;align-items: center;  }
.index_dh h2 img{ margin-right: 10px; }
.index_dh a{ float: right; font-size: 15px; font-weight: bold; width: 138px; height: 43px; line-height: 43px; text-align: center;  background: #fff; border:#ddd 1px solid; border-bottom-left-radius:25px;  border-top-right-radius:25px;  }


.index_box{ margin-top:0.9rem;  display: flex; justify-content: space-between;}
.about{ width: 50%; flex: none; margin-right:5%; }
.about .tit{ font-size: 0.42rem; font-weight: bold; }
.about .tit span{ color: #0000c7; }
.about .p{ margin:10px auto; font-size: 18px; font-weight: bold; }
.about .des{ font-size: 16px; line-height: 1.8; margin-top: 50px; }


.shuzi{display: flex; justify-content: space-between; flex: auto; }
.shuzi li{ margin-left: 20px; }
.shuzi li .num{ font-size: 22px; color: #0000c7; font-weight: bold; display: flex;}
.shuzi li .counter{ font-size: 0.6rem;   font-weight: bold; display: inline-block; }
.shuzi li i{ position: relative; top: 0; display: inline-block; padding-left: 10px; padding-top:15px; }
.shuzi li .text{ font-size: 18px; }


.fuwu{ display: flex;  }
.fuwu li{flex: 0.5 1 0; transition: all 0.5s;}
.fuwu li a{ position: relative;  }
.fuwu li .pic span{  height: 790px; }
.fuwu li .con{ position: absolute;  left: 50%; top: 10%; transform: translateX(-50%); color: #fff; width: 80%; }
.fuwu li:hover{flex: 1; }
.fuwu li .tit{ display: flex; font-weight: bold;  justify-content: space-between; }

.fuwu li .tit h2 span{ display: block;  }
.fuwu li .tit i{  color: #fff; font-size: 28px; flex: auto; text-align: center; transition: all 0.5s; }
.fuwu li .des,.fuwu li .more{ transition: all 0.5s; opacity: 0; }
.fuwu li .tit h2{ display: none; }
.fuwu li em{ width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 20px; border:#fff 1px solid; border-radius: 100%; display: block; position: absolute; left: 50%; bottom: 10%; margin-left: -25px; color: #fff; transition: all 0.5s; transform: rotate(180deg) scale(1); font-weight: bold;}
.fuwu li h3{/*writing-mode: vertical-rl;*/ font-size: 30px; width: 30px; font-weight: bold; margin:0.8rem auto 0 auto; transition: all 0.5s; line-height: 1.2; text-align: center; }

.fuwu li:hover .tit h2{font-size:24px; font-weight: bold; color: #fff;   display: flex; align-items: center; transition: all 0.5s; }
.fuwu li:hover .tit h2 img{ margin-right: 10px; display: block; }
.fuwu li:hover .more,.fuwu li:hover .des{ opacity: 1;}
.fuwu li:hover .tit h2{ display: flex; }
.fuwu li:hover .tit i{ text-align: right; }
.fuwu li:hover h3{/*writing-mode: initial;*/ font-size: 40px; margin-top: 30px; width: auto; text-align: left;}

.fuwu li:hover .des{  font-size: 22px; display: grid;  grid-template-columns: repeat(2, minmax(0px, 1fr)); gap:5px; margin: 20px auto; opacity: 1; }
.fuwu li:hover .des p{ margin-right: 20px;}
.fuwu li:hover .des p i{ margin-right:5px; float: left; display: block; padding-top: 8px;}
.fuwu li:hover .des p span{ display: block; overflow: hidden; }
.fuwu li:hover em{ left: 10%;  background: #fff; color: #0000c7; margin-left: 0; }
.fuwu li:hover .more{font-size: 15px; font-weight: bold; width: 140px; height: 45px; line-height: 45px; text-align: center;  border-bottom-left-radius:25px;  border-top-right-radius:25px; font-size: 16px;
background: linear-gradient(to right, #0000c7, #0094ff); margin-top: 1rem; }


.box{ padding:1rem 0; }
.fuwu_list{display: grid;  grid-template-columns: repeat(4, minmax(0px, 1fr)); gap:35px; margin:30px auto; }

.fuwu_list li{ background: #f8f8f8; text-align: center; transition: all 0.5s;}
.fuwu_list li .pic span{ padding-top: 72.5%; }
.fuwu_list li .text{ padding:40px; }

.fuwu_list li h3{ font-size: 30px;  color: #000;}
.fuwu_list li p{ font-size: 16px; line-height: 1.8; margin:20px auto; color: #666; }
.fuwu_list li i{ font-size: 22px; color: #1e1ecd; font-weight: bold; }

.fuwu_list li:hover{-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);box-shadow: 0px 0px 20px rgba(0,0,0,0.2); transform: translateY(-10px);}

.news_box{ background: #f8f8f8; }
.news_list{ padding:30px 0; position: relative; }
.news_list li{ background: #fff; transition: all 0.5s;}
.news_list li .pic span{ padding-top: 63.35%; }
.news_list li .text{ padding:30px; }
.news_list li em{color: #666;}
.news_list li h3{ font-size: 24px;  margin:15px auto; font-weight: normal; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news_list li i{ font-size: 22px; color: #1e1ecd; font-weight: bold; }
.news_list li:hover{transform: translateY(-10px);}
.news_list .swiper-button-next,.news_list .swiper-button-prev,.ry_list .swiper-button-next,.ry_list .swiper-button-prev{ width: 55px; height: 55px;  border-radius: 100%; border:#ddd 1px solid; background: #F8F8F8;  color: #333; }
.news_list .swiper-button-next:after, .news_list .swiper-button-prev:after,.ry_list .swiper-button-next:after, .ry_list .swiper-button-prev:after{ font-size: 20px; font-weight: bold; }
.next{ right: -75px;}
.prev{ left: -75px }
.next:hover,.prev:hover{color: #fff; background: linear-gradient(to right, #0000c7, #0094ff);}

.foot{ background: #0e101f; margin: auto; padding:40px 0px;  }
.foot_tit{ font-weight: bold; color: #fff; font-weight: bold; font-size: 18px; }
.foot_tit img{ margin-right:5px; width: 13px; }

.foot_fuwu{ border-bottom: #575863 1px solid; padding-bottom:30px; display: grid;  grid-template-columns: repeat(2, minmax(0px, 1fr)); gap:20px;  }
.foot_nav{ margin:30px auto; border-bottom: #575863 1px solid; padding-bottom:30px; display: flex;  justify-content: space-between; }
.foot_fuwu dl{display: grid;  grid-template-columns: repeat(2, minmax(0px, 1fr)); gap:5px; padding-left:18px; margin-top: 20px; }
.foot_fuwu dl a{ color: #f8f8f8; }
.foot_fuwu dl a:hover{opacity: .8; }
.foot .w1200{ display: flex; justify-content: space-between;}
.foot_l{ width: 65%; flex: none; margin-right:10%; order: 0; }
.foot_r{ flex: auto; order:1; }

.foot_nav .item{ width: 25%;  }
.foot_nav .item1{  flex: auto; }
.foot_nav dl{padding-left:18px; margin-top: 20px;}
.foot_nav dl a{ margin:5px auto; display: block; color: #f8f8f8; }
.foot_nav dl a:hover{opacity: .8; }

.bq{ color: #f8f8f8; font-size: 16px; }
.bq a{ color: #f8f8f8; margin-left: 10px; }

.mess{ margin-top: 20px; }
.meiti{  margin:50px auto 0 auto; text-align: center;}
.meiti a{  margin:0 10px; position: relative; text-align: center; display: inline-block; }
.meiti a i{width: 60px; height: 60px; line-height: 60px; text-align: center;  background: #3d3e4a; color: #fff; font-size: 24px; border-radius: 100%; display: block; }
.meiti a img{ display: none; }
.meiti a:hover img{ display: block;  position: absolute; top: -105px; max-width: 100px; left: 50%; margin-left:-50px;}


.mess .p{  display: flex;  justify-content: space-between; gap:10px; }

.mess .p p{ padding-left: 15px; background: #535562;border-radius: 50px; }
.mess input{  width: 100%; color: #fff; height: 50px; line-height: 50px;  background: none;  border:none; font-size: 16px;}
.mess dd{ margin:15px auto;  background: #535562; border-radius: 20px; }
.mess dd textarea{padding:15px; height:90px; width: calc(100% - 35px); background: none;  border:none; color: #fff; font-size: 16px; font-family:"Microsoft YaHei", "Source Han Sans CN", sans-serif;  }
.mess dt{ background: linear-gradient(to right, #0000c7, #0094ff); border-radius: 50px;  }
.mess dt input{font-size: 18px;}



input::-webkit-input-placeholder{color: #999; }/*使用webkit内核的浏览器 */
input:-moz-placeholder{color: #999; } /*?Firefox版本4-18 */
input::-moz-placeholder{color: #999; }/*Firefox版本19+ */
input:-ms-input-placeholder{color: #999; }
textarea::-webkit-input-placeholder{color: #999; }/*使用webkit内核的浏览器 */
textarea:-moz-placeholder{color: #999; } /*?Firefox版本4-18 */
textarea::-moz-placeholder{color: #999; }/*Firefox版本19+ */
textarea:-ms-input-placeholder{color: #999; }

.nbanner{ margin: auto; position: relative; margin-top: 90px;  }
.nbanner .pic span{ padding-top: 26.04%; }
.nbanner .text{ position: absolute; left: 25%; top: 50%; transform: translateY(-50%); display: flex; align-items: center; color: #fff; z-index:999; }
.nbanner .text .con{  margin:auto; text-align: center;}
.nbanner .text h2{ font-size: 0.36rem; }
.nbanner .text p{ font-family: Arial; font-size: 0.24rem;  }

.n_dh{  width: 50%; }
.n_dh a{ display: inline-block; padding: 0px 40px; font-size: 18px;  }
.n_dh a:hover{color: #fff; background: #0094ff; }
.n_dh a.on{color: #fff; background: #0094ff; font-weight: bold; }

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


.wzdh{ background: #fbfbfb; height: 70px; line-height: 70px; }


.tong_list1{ display: grid;  grid-template-columns: repeat(3, minmax(0px, 1fr)); gap:30px; }
.tong_list1 li{ background: #f8f8f8; transition: all 0.5s;}
.tong_list1 li .pic span{ padding-top: 63.35%; }
.tong_list1 li .text{ padding:30px; }
.tong_list1 li em{color: #666;}
.tong_list1 li h3{ font-size: 24px;  margin:15px auto; font-weight: normal; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.tong_list1 li i{ font-size: 22px; color: #666; font-weight: bold; }
.tong_list1 li:hover{transform: translateY(-10px);}
.tong_list1 li:hover i{ color: #1e1ecd;}

.lxwm{  display: grid;  grid-template-columns: repeat(4, minmax(0px, 1fr)); gap:30px; margin:50px auto;}
.lxwm li{ background: #f8f8f8; padding: 40px; text-align: center; font-size: 20px; transition: all 0.5s; }
.lxwm li i{ display: block; width: 80px; height: 80px; background: #0094ff; color: #fff; border-radius: 100%; text-align: center; line-height: 80px; font-size: 36px; margin:auto; margin-bottom:20px; }
.lxwm li p{ margin:5px auto; }
.lxwm li p.p1{ font-size: 18px; }
.lxwm li:hover{transform: translateY(-10px); -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);box-shadow: 0px 0px 20px rgba(0,0,0,0.2);}

.nbox{ padding:0.7rem 0; }

.shebei{display: grid;  grid-template-columns: repeat(3, minmax(0px, 1fr)); gap:30px; margin:30px auto;}
.shebei .pic span{ padding-top: 66%; }
.shebei  li{ background: #f8f8f8; }
.shebei  li h3{ padding:20px;  text-align: center; font-size: 18px;}
.ry_list{ margin:30px auto 0 auto; position: relative; }
.ry_list li .pic1 span{ padding-top: 141.5%; }
.ry_list li h3{ text-align: center; padding:10px; }

.n_fuwu{ display: flex;  align-items: center; justify-content: space-between;}
.n_fuwu .pic{ width: 45.6%; flex: none; margin-right:5%; }
.n_fuwu .pic span{ padding-top: 72.5%; }
.n_fuwu .text{ flex: auto; }
.n_fuwu .text h1{ font-size: 30px; font-weight: bold; }
.n_fuwu .text p{ font-size: 18px; line-height: 1.8; margin:20px auto; }
.n_fuwu .text a{ width: 180px; height: 48px; line-height: 48px; border-radius: 48px; text-align: center; font-size: 18px; color: #fff; background: #0094ff; display: inline-block; margin-top: 30px;}

.fuwu_con{ margin:50px auto; border:#ddd 1px solid; }
.fuwu_con .tab{background: #f8f8f8; }
.fuwu_con .tab li{ height: 55px; line-height: 55px; padding:0 40px; font-size: 18px; display: inline-block; }
.fuwu_con .tab li.on{ background: #0094ff; color: #fff; font-weight: bold; }
.fuwu_con .tab_con{ padding:20px; }