*{margin:0;padding:0}
body{color:#333; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size:1rem; font-family:Arial;}
a{text-decoration:none; color: inherit;}
img{border:0}
li{list-style:none}
.width{margin:0 auto;}
.fl{float:left;}
.fr{ float:right;}

@media(min-width:1200px)and (max-width:300000px){
.top1bj{background: rgba(255,255,255,1); z-index:999; right:0; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1); position:fixed; top:20px; left:0; right:0; width:1280px; height:80px; margin:auto; border-radius:100px;}
.top1bj .width{display:flex; flex-wrap:wrap; justify-content: space-between; height:80px; margin-left:15px;}
.top1bj .width .logo{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; height:80px;}
.top1bj .width .logo dl{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:80px;}
.top1bj .width .logo dl img{ height:50px;}
.top1bj  #Menu-btn{display:none;}
.top1bj  .Menu-btn-h{display:none;}
.topbj  #menu1{display:none;}
.active-head{color:#ff0000; height:80px; line-height:80px; display:block;}
.top1bj .width .fr{display:flex; flex-wrap:wrap; align-items:center; margin-right:15px;}
.top1bj .width .fr .search{margin-right:20px;}
.top1bj .width .fr .search img{width:16px; filter:drop-shadow(#ff0000 0px 80px); transform: translateY(-80px);}
.top1bj .width .fr .sc{ overflow:hidden;}
.top1bj .width .fr .sc dl{ height:46px; width:160px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border:#ddd 1px solid; border-radius:40px;}
.top1bj .width .fr .sc dl dt{ margin-left:20px; margin-top:9px;}
.top1bj .width .fr .sc dl dt img{ width:73px;}
.top1bj .width .fr .sc dl dd{ width:30px; height:30px; border-radius:100%; background:#ff0000; font-size:18px; color:#FFF; text-align:center; line-height:26px; margin-right:10px;}
.top1bj .width .navBar{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.top1bj .width .navBar li{height:80px; line-height:80px; font-size:16px; padding:0px 20px; text-transform:uppercase; transition: all 0.5s;}
.top1bj .width .navBar li:hover{color:#ff0000; transition: all 0.5s;}

.topNav{position:relative; z-index:1; height: 40px; line-height:40px;}
.topNav-width{}
.topNav dd h3{ float:left; font-weight:normal; font-size:1rem;}
.topNav dd h3 a{ display:inline-block; *display:inline; zoom:1; height:14px; line-height:14px; padding:13px 20px;  }
.topNav dd h3 a i{width:15px; height:10px; overflow:hidden; filter:alpha(opacity=100);opacity:1; margin-left:7px; display:flex; flex-wrap:wrap; align-items:center; float:right; overflow:hidden;}
.topNav dd h3 a i img{width:15px; height:10px; filter:drop-shadow(#999 0px 100px); transform: translateY(-100px);}
.topNav dd h3 a:hover{color:#ff0000;    }
.topNav dd h3 a:hover i img{filter:drop-shadow(#ff0000 0px 100px); transform: translateY(-100px);}
.topNav dd ul{ display:none; /*默认隐藏*/ position:absolute; width:110px;  top:40px; left:0;  border-top:0;  background:#fff; }
.topNav dd ul li{ line-height: 31px;}
.topNav dd ul li a{ display: block; color: #333; padding: 0 15px;  }
.topNav dd ul li a:hover{ background:#FFF5DA; color:#E67902;    }

#banner_main {width:100%; overflow: hidden; }
#banner {width: 100%;}
.banner li {width:100%; overflow: hidden;display: none; position:relative;}
.banner li:first-child {display: block;}
.banner li .info{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.banner li .info .bod1{width:1280px; height:87vh; display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.banner li .info .bod1 .txt{ width:620px;}
.banner li .info .bod1 .txt .txt1{ font-size:72px; color:#FFF; width:600px; font-weight:bold; text-shadow: 2px 4px 4px rgba(0,0,0,0.7);}
.banner li .info .bod1 .txt .txt2{ font-size:20px; color:#FFF; font-weight: normal; margin-top:20px; width:620px; text-shadow: 2px 2px 2px rgba(0,0,0,0.7); line-height:30px;}
.banner li .info .bod1 .txt .txt3{ margin-top:60px; display:flex; flex-wrap:wrap; align-items:center;}
.banner li .info .bod1 .txt .txt3 .txt4{margin-right:20px;width:fit-content;background:#FFF;padding:12px 12px;display:flex;flex-wrap:wrap;align-items:center; border-radius:40px; transition: all 0.5s;}
.banner li .info .bod1 .txt .txt3 .txt4:hover{background:#ff0000; transition: all 0.5s;}
.banner li .info .bod1 .txt .txt3 .txt4 dt{ font-size:18px; color:#15437c; margin-right:20px; margin-left:20px;}
.banner li .info .bod1 .txt .txt3 .txt4:hover dt{color:#fff;}
.banner li .info .bod1 .txt .txt3 .txt4 dd{width:36px; height:36px; border-radius:100%; background:#ff0000; font-size:18px; color:#FFF; text-align:center; line-height:32px;}
.banner li .info .bod1 .txt .txt3 .txt4:hover dd{background:#fff; color:#ff0000;}
.banner li .info .bod1 .txt .txt3 .txt5{ display:block; display:flex;flex-wrap:wrap;align-items:center;}
.banner li .info .bod1 .txt .txt3 .txt5 img{ width:20px; height:20px; float:left;}
.banner li .info .bod1 .txt .txt3 .txt5 p{ color:#FFF; margin-top:1px; font-size:18px; margin-left:10px;}
.banner li .info .bod1 .img-img{ width:607px; height:94vh; display:flex;flex-wrap:wrap;align-items:center; margin-top:6vh}
.banner li .info .bod1 .img-img img{width:607px; height:436px;}
.banner li .hdd{width:100%; background:rgba(0,63,116,0.7); height:13vh; text-align: center; z-index:1; }
.banner li .hdd .bod{ width:1280px; height:13vh; margin:auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.banner li .hdd .bod dl{color:#fff; display:flex; flex-wrap:wrap; align-items:center;}
.banner li .hdd .bod dl img{width:40px; height:40px;}
.banner li .hdd .bod dl span{ margin-left:15px; font-size:24px; color:rgba(255,255,255,0.7);}
#banner .tip {width: 1000px;height: 20px;line-height: 0;font-size: 0;text-align: center;position: absolute;left:0;bottom: 42px;z-index: 3;}
#banner .tip span {width: 16px;height: 16px;margin: 0 6px;display: inline-block;font-size: 0;cursor: pointer; background:#FFF;}
#banner .tip span.cur {background-position: -130px 0px;}
#banner #btn_prev, #banner #btn_next {width: 32px;height: 50px;position: absolute;top: 250px;z-index: 5;}
#banner #btn_prev {background-position: -60px 0;left: 12%;transition: all 600ms ease;}
#banner #btn_next {background-position: -92px 0;right: 12%;transition: all 600ms ease;}
#banner #btn_prev:hover {opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;left: 11.6%;}
#banner #btn_next:hover {opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;right: 11.6%;}

.index1{width:1280px; margin:auto; overflow:hidden; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:90px; margin-bottom:90px;}
.index1 .fl{width:51%;}
.index1 .fl .txt{ overflow:hidden;}
.index1 .fl .txt dt{ font-size:36px; font-weight:bold;}
.index1 .fl .txt li{ font-size:20px; margin-top:10px; font-weight:bold;}
.index1 .fl .txt dd{ margin-top:25px;}
.index1 .fl .txt dd p{ font-size:16px; margin-bottom:25px; line-height:28px; color:#666;}
.index1 .fl .counters{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:15px; margin-left:15px; margin-right:15px;}
.index1 .fl .counters dl{text-align:center; display:flex; flex-wrap:wrap; align-items:‌flex-start‌; justify-content:center; width:24%;}
.index1 .fl .counters dl .counter{ font-size:36px; font-weight:bold; color:#225b8d; display:flex; flex-wrap:wrap; align-items:‌flex-start‌; justify-content:center;}
.index1 .fl .counters dl span{ font-size:18px; font-weight:normal; margin-left:5px; color:#225b8d;}
.index1 .fl .counters dl dt{font-size:36px; font-weight:bold; color:#225b8d;}
.index1 .fl .counters dl .bod{ width:100%; margin-top:10px;}
.index1 .fr{ width:42%;}
.index1 .fr dt{ position:relative; padding-bottom:135%;}
.index1 .fr dt img{ position:absolute; width:100%; height:100%; object-fit: cover; border-radius:30px;}

.index2{width:1280px; margin:auto; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.index2 .ladyScroll{width:1280px;height:600px;margin:auto; position:relative;}
.index2 .ladyScroll .prev{width:13px;height:22px;position:absolute;top:50%;left:-50px;z-index:100; cursor:pointer;}
.index2 .ladyScroll .prev img{ width:13px; height:22px;}
.index2 .ladyScroll .next{width:13px;height:22px;position:absolute;top:50%;right:-50px;z-index:100; cursor:pointer;}
.index2 .ladyScroll .next img{ width:13px; height:22px;}
.index2 .ladyScroll .scrollWrap{width:1280px;overflow:hidden;position:absolute;}
.index2 .ladyScroll dl{float:left;width:1280px;position:relative; height:600px; border-radius:30px; overflow:hidden;}
.index2 .ladyScroll dl .info{width:100%;height:600px;color:#fff;overflow:hidden;position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.index2 .ladyScroll dl .info ul{width:50%; text-align:center;}
.index2 .ladyScroll dl .info ul img{width:495px;}
.index2 .ladyScroll dl .info li{width:40%; margin-right:5%;}
.index2 .ladyScroll dl .info li .sort-name{font-size:48px; font-weight:bold; text-shadow: 2px 4px 4px rgba(0,0,0,0.7);}
.index2 .ladyScroll dl .info li .scode-list{ margin-top:20px;}
.index2 .ladyScroll dl .info li .scode-list p{ font-size:26px; text-shadow: 2px 2px 2px rgba(0,0,0,0.7);}
.index2 .ladyScroll dl .info li .def1{ margin-top:20px; text-shadow: 1px 1px 1px rgba(0,0,0,0.7);}
.index2 .ladyScroll dl .info li .more{ margin-top:35px; width: fit-content; background:#FFF; color:#225b8d; padding:12px; padding-left:30px; border-radius:40px;display:flex;flex-wrap:wrap;align-items:center;}
.index2 .ladyScroll dl .info li .more span{font-size:18px;}
.index2 .ladyScroll dl .info li .more p{margin-left:25px; background:#225b8d; width:36px; height:36px; float:left; color:#FFF; font-size:18px; text-align:center; line-height:32px; border-radius:100%;}

.index3{width:100%; height:100vh; overflow:hidden; margin-top:90px;}
.index3 .bod{position: relative; height:100vh;}
.index3 .bod dt{ position:absolute; top:0; bottom:0; left:0; right:0;}
.index3 .bod dt img{ width:100%; height:100%; object-fit: cover;}
.index3 .bod dd{position:absolute; top:0; bottom:0; left:0; right:0; display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.index3 .bod dd img{ width:123px; height:123px;}

.index4{ width:100%; overflow:hidden; margin-top:90px;}
.index4 .txt{ width:1000px; margin:auto; text-align:center;}
.index4 .txt dt{ font-size:36px; font-weight:bold;}
.index4 .txt dd{ color:#666; line-height:24px; margin-top:15px;}
.index4 .picScroll-left{ width:84%; margin:auto; position:relative; margin-top:50px;}
.index4 .picScroll-left .hd .prev{ position:absolute; left:-40px; right:-50px; top:40%;}
.index4 .picScroll-left .hd .next{ position:absolute; right:-40px; top:40%;}
.index4 .picScroll-left .bd{}
.index4 .picScroll-left .bd ul{overflow:hidden; width:100%; display:flex;flex-wrap:wrap;justify-content:space-between;}
.index4 .picScroll-left .bd ul li{width:33.33%;}
.index4 .picScroll-left .bd ul li:nth-child(3){}
.index4 .picScroll-left .bd ul li .pic{ position:relative; padding-bottom:80%;}
.index4 .picScroll-left .bd ul li .pic img{ position:absolute; width:94%; height:94%; object-fit: cover; border-radius:20px; margin-left:3%;}
.index4 .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.index4 .picScroll-left .bd ul li .title{text-align:center; font-size:24px;}

.index4-wap{ display:none;}

.index5{ width:100%; margin-top:90px; border-top:#eee 1px solid; overflow:hidden;}
.index5 .bod{width:1280px; margin:auto;}
.index5 .bod .item{width:1280px; overflow:hidden; margin-top:90px; display:flex; flex-wrap:wrap; align-items: center;justify-content:space-between;}
.index5 .bod .item1 .fl{width:45%;}
.index5 .bod .item1 .fl dt{position:relative; padding-bottom:100%;}
.index5 .bod .item1 .fl dt img{position:absolute; width:100%; height:100%; border-radius:30px;}
.index5 .bod .item1 .fr{width:50%;}
.index5 .bod .item1 .fr .txt{font-size:30px; font-weight:bold;}
.index5 .bod .item1 .fr .time{display:flex; flex-wrap:wrap; align-items: center; margin-top:25px;}
.index5 .bod .item1 .fr .time img{width:38px;}
.index5 .bod .item1 .fr .time span{ font-size:24px; font-weight:bold; margin-left:10px; color:#ff0000;}
.index5 .bod .item1 .fr .content{ margin-top:30px; color:#666; line-height:26px;}
.index5 .bod .item1 .fr .more{ margin-top:45px; width: fit-content; background:#225b8d; padding:12px; display:flex; flex-wrap:wrap; align-items: center; border-radius:40px;}
.index5 .bod .item1 .fr .more dt{ margin-left:20px; font-size:18px; color:#FFF;}
.index5 .bod .item1 .fr .more dd{ width:36px; height:36px; line-height:32px; text-align:center; background:#FFF; border-radius:100%; margin-left:30px;}
.index5 .bod .item2 .fr{width:45%;}
.index5 .bod .item2 .fr dt{position:relative; padding-bottom:100%;}
.index5 .bod .item2 .fr dt img{position:absolute; width:100%; height:100%; border-radius:30px;}
.index5 .bod .item2 .fl{width:50%;}
.index5 .bod .item2 .fl .txt{font-size:30px; font-weight:bold;}
.index5 .bod .item2 .fl .time{display:flex; flex-wrap:wrap; align-items: center; margin-top:25px;}
.index5 .bod .item2 .fl .time img{width:38px;}
.index5 .bod .item2 .fl .time span{ font-size:24px; font-weight:bold; margin-left:10px; color:#ff0000;}
.index5 .bod .item2 .fl .content{ margin-top:30px; color:#666; line-height:26px;}
.index5 .bod .item2 .fl .more{ margin-top:45px; width: fit-content; background:#225b8d; padding:12px; display:flex; flex-wrap:wrap; align-items: center; border-radius:40px;}
.index5 .bod .item2 .fl .more dt{ margin-left:20px; font-size:18px; color:#FFF;}
.index5 .bod .item2 .fl .more dd{ width:36px; height:36px; line-height:32px; text-align:center; background:#FFF; border-radius:100%; margin-left:30px;}

.index-message{background: url(../images/message-bj.jpg) repeat-x bottom; width:100%; padding-bottom:90px; margin-top:90px;}
.index-message .item{box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1); width:80%; margin:auto; border-radius:20px; background:#fff;}
.index-message .item .bod{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; padding:80px;}
.index-message .item .bod .wenan{width:45%;}
.index-message .item .bod .wenan .txt dt{font-size:24px; color:#ff0000;}
.index-message .item .bod .wenan .txt dd{font-size:30px; font-weight:bold; margin-top:10px;}
.index-message .item .bod .wenan .txt p{margin-top:10px; font-size:16px; color:#666; line-height:24px;}
.index-message .item .bod .wenan .neirong{border-top:#eee 1px solid; margin-top:50px; padding-top:50px;}
.index-message .item .bod .wenan .neirong dl{ display:flex; flex-wrap:wrap; align-items: center; display: grid; grid-template-columns: auto 1fr; margin-bottom:20px;}
.index-message .item .bod .wenan .neirong dl dt{width:22px; text-align:center;}
.index-message .item .bod .wenan .neirong dl dt img{height:16px; filter:drop-shadow(#ff0000 0px 100000px); transform: translateY(-100000px);}
.index-message .item .bod .wenan .neirong dl:nth-child(1) dt img{ height:15px;}
.index-message .item .bod .wenan .neirong dl:nth-child(3) dt img{ height:12px;}
.index-message .item .bod .wenan .neirong dl span{margin-left:10px; line-height:20px; color:#666;}
.index-message .item .bod .message{width:45%;}
.index-message .item .bod .message dt{font-size:24px;}
.index-message .item .bod .message form{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:20px;}
.index-message .item .bod .message form input{width:42%; background:#f2f2f2; border:none; height:45px; margin-bottom:20px; padding-left:6%; color:#333; font-size:16px; border-radius:10px;}
.index-message .item .bod .message form input::placeholder{color:#333; font-size:16px;}
.index-message .item .bod .message form textarea{width:100%; height:100px; background:#f2f2f2; border:none; border-radius:10px; color:#333; font-size:16px;font-family:Arial; padding-top:10px; padding-left:2%;}
.index-message .item .bod .message form button{ width:25%; height:50px; border-radius:10px; background:#ff0000; border:none;color:#fff; font-size:16px; margin-top:20px; margin-left:75%;}
.index-message .item .bod .message form input:nth-child(1){background:url(../images/m1.png) no-repeat left center #f2f2f2; background-size:26px;}
.index-message .item .bod .message form input:nth-child(2){background:url(../images/m2.png) no-repeat left center #f2f2f2; background-size:28px;}
.index-message .item .bod .message form input:nth-child(3){background:url(../images/m3.png) no-repeat left center #f2f2f2; background-size:28px; width:100%;}

.foot{overflow:hidden; background:#fff; padding:60px 0px;}
.foot .bod{overflow:hidden;width:1280px; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; border-bottom:#eee 1px solid; padding-bottom:30px;}
.foot .bod .fl .item{display: flex; flex-wrap:wrap; align-items: center;}
.foot .bod .fl .item dt{width:36px; height:36px; background:#0f1a17; border-radius:100%; border:#0f1a17 4px solid;}
.foot .bod .fl .item dt img{ width:36px; filter:drop-shadow(#fff 0px 100000px); transform: translateY(-100000px);}
.foot .bod .fl .item span{ font-size:20px; margin-left:15px; font-weight:bold;}
.foot .bod .fr .item{display: flex; flex-wrap:wrap; align-items: center;}
.foot .bod .fr .item li{ margin-left:30px; font-size:16px;}
.foot .bod1{overflow:hidden;width:1280px; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; border-bottom:#eee 1px solid; padding-bottom:40px; margin-top:40px;}
.foot .bod1 .fl{ width:65%; display: flex; flex-wrap:wrap;}
.foot .bod1 .fl dl{display: flex; flex-wrap:wrap; margin-right:50px; display: grid; grid-template-columns: auto 1fr;}
.foot .bod1 .fl dl dt{ margin-right:15px; width:32px; height:32px; background:#0f1a17; border-radius:100%; border:#0f1a17 2px solid; display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.foot .bod1 .fl dl dt img{filter:drop-shadow(#fff 0px 100000px); transform: translateY(-100000px); height:16px;}
.foot .bod1 .fl dl:hover dt{background:#ff0000; border:#ff0000 2px solid;}
.foot .bod1 .fl dl:hover dt img{filter:drop-shadow(#fff 0px 100000px); transform: translateY(-100000px);}
.foot .bod1 .fl dl dd{ font-weight:bold; font-size:15px;}
.foot .bod1 .fl dl dd p{ font-weight:normal; margin-top:5px; font-size:16px;}
.foot .bod1 .fr{display: flex; flex-wrap:wrap; align-items: center;}
.foot .bod1 .fr dl{ margin-left:20px;}
.foot .bod1 .fr dl dt{width:32px; height:32px; background:#0f1a17; border-radius:100%; border:#0f1a17 2px solid; display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.foot .bod1 .fr dl dt img{width:16px; filter:drop-shadow(#fff 0px 100000px); transform: translateY(-100000px); margin-top:2px;}
.foot .bod1 .fr dl:hover dt{background:#ff0000; border:#ff0000 2px solid;}
.foot .bod2{overflow:hidden;width:1280px; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:40px;}
.foot .bod2 .fl{ color:#787878;}
.foot .bod2 .fr{display: flex; flex-wrap:wrap; align-items: center;}
.foot .bod2 .fr dl{ margin-left:25px; color:#787878; text-decoration: underline;}

.foot-active{ color:#ff8400;}

.nybanner{width:100%;overflow: hidden;}
.nybanner li{overflow: hidden; padding-top:250px; padding-bottom:100px; width:100%;}
.nybanner li .bod{ width:1280px; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; overflow:hidden;}
.nybanner li .bod .zuobian{width:45%; font-size:60px; color:#FFF; font-weight:bold;}
.nybanner li .bod .youbian{ width:48%; color:#FFF;}
.nybanner li .bod .youbian ul{ font-size:16px; line-height:28px; margin-top:60px;}
.nybanner li .bod .youbian dl{ margin-top:35px; width: fit-content; background:#FFF; color:#225b8d; padding:12px; padding-left:30px; border-radius:40px;display:flex;flex-wrap:wrap;align-items:center;}
.nybanner li .bod .youbian dl span{font-size:18px;}
.nybanner li .bod .youbian dl p{margin-left:25px; background:#225b8d; width:36px; height:36px; float:left; color:#FFF; font-size:18px; text-align:center; line-height:32px; border-radius:100%;}
.nybanner li .counters{ width:1280px; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; overflow:hidden; margin-top:150px;}
.nybanner li .counters dl{text-align:center; display:flex; flex-wrap:wrap; align-items:‌flex-start‌; justify-content:center; width:22%; background:rgba(255,255,255,1); border-radius:40px; padding:50px 0px;}
.nybanner li .counters dl .counter{ font-size:48px; font-weight:bold; color:#225b8d; display:flex; flex-wrap:wrap; align-items:‌flex-start‌; justify-content:center;}
.nybanner li .counters dl span{ font-size:20px; font-weight:normal; margin-left:5px; color:#225b8d;}
.nybanner li .counters dl dt{font-size:48px; font-weight:bold; color:#225b8d;}
.nybanner li .counters dl .bod{ width:100%; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; margin-top:15px;}

.nybanner1{width:100%;overflow: hidden;}
.nybanner1 li{overflow: hidden; width:100%;}
.nybanner1 li .info{background:rgba(0,43,81,0.5); width:100%; overflow:hidden;}
.nybanner1 li .info .bod{ width:1280px; margin:auto; margin-top:250px; margin-bottom:400px; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.nybanner1 li .info .bod .zuobian{width:45%; font-size:60px; color:#FFF; font-weight:bold;}
.nybanner1 li .info .bod .youbian{ width:48%; color:#FFF;}
.nybanner1 li .info .bod .youbian ul{ font-size:16px; line-height:28px; margin-top:60px;}
.nybanner1 li .info .bod .youbian dl{ margin-top:35px; width: fit-content; background:#FFF; color:#225b8d; padding:12px; padding-left:30px; border-radius:40px;display:flex;flex-wrap:wrap;align-items:center;}
.nybanner1 li .info .bod .youbian dl span{font-size:18px;}
.nybanner1 li .info .bod .youbian dl p{margin-left:25px; background:#225b8d; width:36px; height:36px; float:left; color:#FFF; font-size:18px; text-align:center; line-height:32px; border-radius:100%;}

.nybanner2{width:100%;overflow: hidden;}
.nybanner2 li{overflow: hidden; width:100%;}
.nybanner2 li .info{background:rgba(0,43,81,0.5); width:100%; overflow:hidden;}
.nybanner2 li .info .bod{ width:800px; margin:auto; margin-top:250px; margin-bottom:250px; text-align:center;}
.nybanner2 li .info .bod dt{font-size:48px; font-weight:bold; color:#FFF;}
.nybanner2 li .info .bod dd{font-size:16px; color:#FFF; margin-top:20px;}

.nybanner3{width:100%;overflow: hidden;}
.nybanner3 li{overflow: hidden; width:100%;}
.nybanner3 li .info{background:rgba(0,43,81,0.5); width:100%; overflow:hidden;}
.nybanner3 li .info .bod{ width:1280px; margin:auto; margin-top:200px; margin-bottom:250px; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.nybanner3 li .info .bod .zuobian{width:500px; font-size:60px; color:#FFF; font-weight:bold;}
.nybanner3 li .info .bod .zuobian img{width:500px; border-radius:30px;}
.nybanner3 li .info .bod .youbian{ width:680px; color:#FFF;}
.nybanner3 li .info .bod .youbian ul{ font-size:48px;}
.nybanner3 li .info .bod .youbian dt{ margin-top:30px; font-size:24px;}
.nybanner3 li .info .bod .youbian dd{ margin-top:20px; font-size:16px;}
.nybanner3 li .info .bod .youbian dl{ margin-top:35px; width: fit-content; background:#FFF; color:#225b8d; padding:12px; padding-left:30px; border-radius:40px;display:flex;flex-wrap:wrap;align-items:center;}
.nybanner3 li .info .bod .youbian dl span{font-size:18px;}
.nybanner3 li .info .bod .youbian dl p{margin-left:25px; background:#225b8d; width:36px; height:36px; float:left; color:#FFF; font-size:18px; text-align:center; line-height:32px; border-radius:100%;}

.about{overflow:hidden; margin-top:50px; margin-bottom:70px; width:100%;}
.about .bod{width:80%; margin:auto;}
.about .bod dd{ margin-top:30px; font-size:16px; line-height:26px;}
.about .bod dd p{ margin-top:10px; text-wrap:wrap !important;}
.about .bod dd p span{text-wrap:wrap !important;}
.about .bod dd span{text-wrap:wrap !important;}
.about .bod li{ font-size:36px; margin-top:10px; font-weight:bold; color:#ff0000;}

.about-honor{ width:100%; overflow:hidden;}
.about-honor .bod{width:1280px; margin:auto; margin-top:90px; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.about-honor .bod .fl{ width:63%;}
.about-honor .bod .fl img{ width:100%; border-radius:30px;}
.about-honor .bod .fr{width:33%; display: flex; flex-wrap:wrap; justify-content:space-between;}
.about-honor .bod .fr dl{ width:48%; margin:10px 0px;}
.about-honor .bod .fr dl dt{ position:relative; padding-bottom:140%}
.about-honor .bod .fr dl dt img{ position:absolute; width:100%; height:100%;}
.about-honor .bod .fr dl dt p{ position:absolute; left:0 ; right:0; bottom:0; height:50px; background:rgba(34,91,141,0.9); display: flex; flex-wrap:wrap; align-items: center;justify-content:center;color:#FFF; text-align:center;}

.about-advantage{ width:100%; overflow:hidden; border-top:#eee 1px solid; margin-top:90px;}
.about-advantage .txt{ width:1280px; margin:auto; margin-top:90px; font-size:36px; font-weight:bold;}
.about-advantage .txt span{ color:#999;}
.about-advantage .bod{ width:1280px; margin:auto; margin-top:60px; display: flex; flex-wrap:wrap; justify-content:space-between;}
.about-advantage .bod .item1{ width:48%; background:#f5f5f5; border-radius:20px; padding:40px 0px;}
.about-advantage .bod .item1 dt{ font-size:28px; font-weight:bold; margin-left:40px; margin-right:40px;}
.about-advantage .bod .item1 dd{margin-left:40px; margin-right:40px; margin-top:20px;}
.about-advantage .bod .item1 dd p{ font-size:18px; line-height:26px; margin-top:20px;}
.about-advantage .bod .item2{ width:48%; overflow:hidden;}
.about-advantage .bod .item2 dt{font-size:28px; font-weight:bold; margin-bottom:25px;}
.about-advantage .bod .item2 dd{background:#f5f5f5; border-radius:10px; margin-top:15px; }
.about-advantage .bod .item2 dd p{ padding:15px;}

.about-neirong{width:1280px; margin:auto; margin-top:90px; overflow:hidden;}
.about-neirong .img{ width:100%;}
.about-neirong .img img{ width:100%; border-radius:30px;}
.about-neirong .txt{width:100%;margin-top:70px; font-size:36px; font-weight:bold; text-align:center; margin-bottom:70px;}
.about-neirong .txt span{ color:#999;}
.about-neirong .bod{ width:100%; overflow:hidden;}
.about-neirong .bod .item1{display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; overflow:hidden;}
.about-neirong .bod .item1 .fl{width:50%; overflow:hidden;}
.about-neirong .bod .item1 .fl img{ width:100%; border-radius:20px;}
.about-neirong .bod .item1 .fr{ width:45%;}
.about-neirong .bod .item1 .fr dl{ margin-bottom:20px; font-size:16px; line-height:24px;}

.productlist{overflow:hidden; width:1280px; margin:auto; margin-top:-200px;}
.productlist .bod{ overflow:hidden; display: flex; flex-wrap:wrap; justify-content: space-between;}
.productlist .bod dl{width:32%; margin-bottom:40px; margin-right:2%;}
.productlist .bod dl:nth-child(3n){ margin-right:0;}
.productlist .bod dl dt{position:relative; padding-bottom:100%; overflow:hidden; background:#f5f5f5; border-radius:20px;}
.productlist .bod dl dt img{position:absolute; height:100%; transition: all 0.5s;}
.productlist .bod dl dt .info{position:absolute; left:5%; bottom:5%; right:5%; height:60px; background:rgba(34,91,141,0.8); transition: all 0.5s; border-radius:10px; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; color:#FFF; font-size:20px;}
.productlist .bod dl:hover dt .info{height:90%;transition:all 0.5s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}

.product-bod{overflow:hidden; width:1280px; margin:auto; margin-top:20px;}
.product-bod dt{ width:100%;}
.product-bod dt img{width:100%; border-radius:30px;}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:20px; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666;padding:5px;font-size:16px;flex:1;overflow:hidden;overflow:hidden;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:10px 20px;}
.fanye .fenye2 .page-num-current{color:#fff; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:10px 20px; background:#225b8d; border:#225b8d 1px solid;}
.fanye .fenye2 .page-num-current:hover{color:#225b8d;}
.fanye a{border:#ddd 1px solid; padding:10px 20px; margin:0px 5px; background:#f5f5f5; transition: all 0.5s;}
.fanye a:hover{background:#225b8d; color:#fff; transition: all 0.5s; border:#225b8d 1px solid;}

.product{ overflow:hidden; width:1280px; margin:auto; margin-top:-150px;}
.product .tuozhan{ overflow:hidden; display:flex; flex-wrap:wrap; border-bottom:#CCC 1px dashed; padding-bottom:50px; margin-bottom:50px;}
.product .tuozhan dl{ width:23.5%; margin-right:2%; margin-bottom:30px;}
.product .tuozhan dl:nth-child(4n){ margin-right:0;}
.product .tuozhan dl dt{ position:relative; padding-bottom:100%; background:#FFF; border-radius:30px; overflow:hidden;}
.product .tuozhan dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover; }
.product .tuozhan dl dt .info{position:absolute; left:5%; bottom:5%; right:5%; height:60px; background:rgba(34,91,141,0.8); transition: all 0.5s; border-radius:10px; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; color:#FFF; font-size:20px;}
.product .tuozhan dl:hover dt .info{height:90%;transition:all 0.5s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.product .bod{overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.product .bod p{font-size:16px; color:#666; line-height:24px; margin-bottom:15px; text-wrap:wrap !important; width:100% !important;}
.product .bod p img{width:100% !important;}
.product .bod span{text-wrap:wrap !important;}
.product .bod table{ width:45%;}
.product .bod table td{font-size:16px; line-height:26px;}
.product .bod table img{ width:80%; margin-left:10%;}
.product .bod h1{ font-size:36px;}
.product .bod h2{ font-size:32px;}
.product .bod h3{ font-size:28px;}
.product .bod h4{ font-size:24px;}
.product .bod h5{ font-size:20px;}
.product .bod h6{ font-size:18px;}

.news-list{width:1280px; margin:auto; overflow:hidden; display: flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; margin-top:60px;}
.news-list .bod{width:900px;}
.news-list .bod .item1{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-bottom:40px; margin-top:30px;}
.news-list .bod .item1 .zuo{width:35%;}
.news-list .bod .item1 .zuo dt{position:relative; padding-bottom:100%;}
.news-list .bod .item1 .zuo dt img{position:absolute; width:100%; height:100%; border-radius:10px; object-fit: cover;}
.news-list .bod .item1 .you{width:60%;}
.news-list .bod .item1 .you dt{ font-size:18px; line-height:32px;}
.news-list .bod .item1 .you dd{ font-size:15px; color:#666; line-height:28px; margin-top:10px;}
.news-list .bod .item1 .you p{ margin-top:20px; color:#666;}
.news-list .bod .item1:hover .you dt{color:#ff0000;}
.news-list .txt{ width:340px; background:#225b8d; border-radius:20px;}
.news-list .txt .txt3{ padding:30px; overflow:hidden; color:#FFF;}
.news-list .txt .txt3 li{ font-size:24px; overflow:hidden}
.news-list .txt .txt3 p{ margin-top:15px;}
.news-list .txt .txt3 form{ margin-top:30px;}
.news-list .txt .txt3 form input{width:260px; margin-bottom:15px; height:50px; border:none; padding-left:20px; border-radius:10px; outline:none; font-size:16px; color:#999;}
.news-list .txt .txt3 form input::placeholder{ font-size:16px; color:#999;}
.news-list .txt .txt3 form textarea{width:260px; margin-bottom:15px; height:120px; border:none; padding-left:20px; border-radius:10px; padding-top:10px; font-size:16px; color:#999; outline:none; font-family:Arial;}
.news-list .txt .txt3 form button{ width:160px; height:50px; background:#ff0000; border:none; border-radius:10px; outline:none; color:#FFF; font-size:16px;}

.news{ overflow:hidden; padding-top:50px; width:1280px; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between;}
.news .fl{ width:900px;}
.news .txt{padding-bottom:30; margin-bottom:30px;}
.news .txt dd{display: flex; flex-wrap:wrap; margin-top:10px; color:#666;}
.news .txt dd p{ margin-right:40px;}
.news .bod{overflow:hidden;}
.news .bod img{ width:100%; margin-bottom:40px;}
.news .bod p{ font-size:16px; color:#666; line-height:24px; margin-bottom:15px; text-wrap:wrap !important;}
.news .bod span{text-wrap:wrap !important;}
.news .txt3{width:280px; background:#225b8d; border-radius:20px; padding:30px; overflow:hidden; color:#FFF;}
.news .txt3 li{ font-size:24px; overflow:hidden}
.news .txt3 p{ margin-top:15px;}
.news .txt3 form{ margin-top:30px;}
.news .txt3 form input{width:260px; margin-bottom:15px; height:50px; border:none; padding-left:20px; border-radius:10px; outline:none; font-size:16px; color:#999;}
.news .txt3 form input::placeholder{ font-size:16px; color:#999;}
.news .txt3 form textarea{width:260px; margin-bottom:15px; height:120px; border:none; padding-left:20px; border-radius:10px; padding-top:10px; font-size:16px; color:#999; outline:none; font-family:Arial;}
.news .txt3 form button{ width:160px; height:50px; background:#ff0000; border:none; border-radius:10px; outline:none; color:#FFF; font-size:16px;}

.contact{overflow:hidden; margin-top:80px; margin-bottom:70px; width:100%;}
.contact .bod{display:flex; flex-wrap:wrap; justify-content:space-between; width:1280px; margin:auto;}
.contact .bod dl{ width:31.5%; border:#eee 1px solid; text-align:center;  padding:30px 0px; border-radius:20px;}
.contact .bod dl dt img{ width:27px;}
.contact .bod dl dd{ margin-top:10px; font-weight:bold;}
.contact .bod dl li{ margin-top:10px; margin-left:30px; margin-right:30px; line-height:24px; color:#666;}

.search-list{width:1280px; margin:auto; padding-top:80px; display: flex; flex-wrap:wrap; align-items:center; justify-content: center; overflow:hidden;}
.search-list .txt{ width:100%; overflow:hidden;}
.search-list .txt form{display: flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.search-list .txt form input{ width:600px; height:60px; outline:none; border:#CCC 1px solid; border-radius:60px 0px 0px 60px; padding-left:40px; font-size:16px;}
.search-list .txt form button{ width:140px; background:#ff0000; border:#ff0000 1px solid; height:62px; font-size:18px; color:#FFF; text-transform:uppercase; border-radius:0px 30px 30px 0px;}
.search-list .txt form button:hover{background:#231815;}
.search-list .bod{ overflow:hidden; display: flex; flex-wrap:wrap; justify-content: space-between; width:1280px; margin:auto; margin-top:30px;}
.search-list .bod dl{width:23.5%; margin-bottom:20px; margin-right:2%;}
.search-list .bod dl:nth-child(4n){ margin-right:0;}
.search-list .bod dl dt{position:relative; padding-bottom:100%; overflow:hidden; background:#f5f5f5; border-radius:20px;}
.search-list .bod dl dt img{position:absolute; height:100%; transition: all 0.5s;}
.search-list .bod dl dt .info{position:absolute; left:5%; bottom:5%; right:5%; height:60px; background:rgba(34,91,141,0.8); transition: all 0.5s; border-radius:10px; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; color:#FFF; font-size:20px;}
.search-list .bod dl:hover dt .info{height:90%;transition:all 0.5s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
}

@media only screen and (max-width:1200px){
.w94{width:94%; margin:auto;}
.topbj{ position:relative; width:100%;}
.top1bj{background:rgba(255,255,255,1); top:1.5rem; left:0; right:0; width:90%; margin:auto; z-index:999; position:fixed; border-radius:3rem;}
.top1bj .width{height:4.6rem; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.top1bj .width .logo{display: flex; align-items:center; height:4.6rem;}
.top1bj .width .logo dl{ margin-left:0.6rem;}
.top1bj .width .logo dl img{height:2rem;}
.top1bj .width .fr{margin-right:5rem;}
.top1bj .width .fr .search{z-index:999;}
.top1bj .width .fr .search img{width:1.1rem; z-index:999; margin-top:0.3rem; filter:drop-shadow(#ff0000 0px 80px); transform: translateY(-80px);}
.top1bj .width .fr .sc{ display:none;}
.top1bj .width #Menu-btn{position:absolute; right:1.5rem; top:0; height:4.6rem; display:flex; flex-wrap:wrap; align-items:center; z-index:1;}
.top1bj .width #Menu-btn dl{margin-left:2.5rem; background:#000; width:2.4rem; height:2.4rem; border-radius:100%; background:#ff0000; display:flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.top1bj .width #Menu-btn dl img{width:1rem;}
.top1bj .width .Menu-btn-h{overflow: hidden; display:none; position:fixed; right:5%; top:2.6rem; z-index:9; margin-right:1.5rem;}
.top1bj .width .Menu-btn-h{width:2.4rem; height:2.4rem; border-radius:100%; background:#ff0000; text-align:center;}
.top1bj .width .Menu-btn-h img{width:1.6rem; height:1.6rem; overflow:hidden; margin-top:0.35rem}
.topbj #menu1{position:fixed; display:none; top:0rem; right:0; left:0; bottom:0; margin:0; padding:0; z-index:5; background:rgba(255,255,255,0.8);}
.topbj #menu1 .menu-wap{font-size:3rem;list-style:none; background:#FFF; position:absolute; top:1.5rem; left:5%; right:5%; height:94vh; border-radius:3rem; box-shadow: 0rem 0rem 0.5rem 0.5rem rgba(0, 0, 0, 0.1);}
.topbj #menu1 .menu-wap li{font-weight:normal; font-size:1rem; padding-left:1.5rem; padding-right:1.5rem; padding-top:1rem; padding-bottom:1rem; text-transform:uppercase;}
.topbj #menu1 .menu-wap li:nth-child(1){ margin-top:6rem;}
.topbj #menu1 .menu-wap li a{color:#231815;}
.topbj #menu1 .menu-wap li a span{ font-size:1.2rem;}
.topbj #menu1 .menu-wap li .sscc{display: flex; flex-wrap:wrap; align-items:center; border:#ddd 1px solid; border-radius:3rem; width:fit-content; padding:0.5rem;}
.topbj #menu1 .menu-wap li .sscc dt{ margin-left:1rem; margin-top:0.6rem; margin-right:1.5rem;}
.topbj #menu1 .menu-wap li .sscc dt img{ height:1.2rem}
.topbj #menu1 .menu-wap li .sscc dd{ width:30px; height:30px; border-radius:100%; background:#ff0000; font-size:18px; color:#fff; text-align:center; line-height:26px; margin-right:0.1rem;}
.topNav{ display:none;}
.navBar{ display:none;}

#banner_main {width:100%; overflow: hidden; }
#banner {width: 100%;}
.banner li {width:100%; overflow: hidden;display: none;}
.banner li:first-child {display: block;}
.banner li .info{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.banner li .info .bod1{width:90%; margin:auto; margin-top:25vh;}
.banner li .info .bod1 .txt{ width:100%; text-align:center;}
.banner li .info .bod1 .txt .txt1{ font-size:2.4rem; color:#FFF;font-weight:bold; text-shadow: 2px 4px 4px rgba(0,0,0,0.7);}
.banner li .info .bod1 .txt .txt2{ font-size:1rem; color:#FFF; font-weight: normal; margin-top:1rem; line-height:1.8rem;}
.banner li .info .bod1 .txt .txt3{ margin-top:2.5rem;}
.banner li .info .bod1 .txt .txt3 .txt4{margin-right:1rem;width:fit-content;margin:auto;background:#FFF;padding:0.7rem;display:flex;flex-wrap:wrap;align-items:center;border-radius:2rem;transition:all 0.5s;}
.banner li .info .bod1 .txt .txt3 .txt4:hover{background:#ff0000; transition: all 0.5s;}
.banner li .info .bod1 .txt .txt3 .txt4 dt{ font-size:18px; color:#15437c; margin-right:20px; margin-left:20px;}
.banner li .info .bod1 .txt .txt3 .txt4:hover dt{color:#fff;}
.banner li .info .bod1 .txt .txt3 .txt4 dd{width:36px; height:36px; border-radius:100%; background:#ff0000; font-size:18px; color:#FFF; text-align:center; line-height:32px;}
.banner li .info .bod1 .txt .txt3 .txt4:hover dd{background:#fff; color:#ff0000;}
.banner li .info .bod1 .txt .txt3 .txt5{text-align:center; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content: center; margin-top:1rem;}
.banner li .info .bod1 .txt .txt3 .txt5 dt{}
.banner li .info .bod1 .txt .txt3 .txt5 dt img{ width:1rem; height:1rem;}
.banner li .info .bod1 .txt .txt3 .txt5 p{padding-left:0.5rem; color:#FFF; margin-top:1px; font-size:18px;}
.banner li .info .bod1 .img-img{width:94%; margin:auto; margin-top:4rem;}
.banner li .info .bod1 .img-img img{width:100%; height:100%;}
.banner li .hdd{width:100%; background:rgba(0,63,116,0.7); height:16vh; text-align: center; z-index:1; margin-top:5rem; padding:1rem 0rem;}
.banner li .hdd .bod{ width:100%; height:16vh; margin:auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.banner li .hdd .bod dl{color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content: center; width:48.5%;}
.banner li .hdd .bod dl img{width:1.6rem; height:1.6rem;}
.banner li .hdd .bod dl span{ margin-left:0.5rem; font-size:1rem; color:rgba(255,255,255,0.7);}

#banner .tip {width:100%;height: 20px;line-height: 0;font-size: 0;text-align: center;position: absolute;left: 50%;margin-left: -500px;bottom: 42px;z-index: 3;}
#banner .tip span {width: 16px;height: 16px;margin: 0 6px;display: inline-block;font-size: 0;cursor: pointer;background-position: -150px 0px;}
#banner .tip span.cur {background-position: -130px 0px;}
#banner #btn_prev, #banner #btn_next {width: 32px;height: 50px;position: absolute;top: 250px;z-index: 5;}
#banner #btn_prev {background-position: -60px 0;left: 12%;transition: all 600ms ease;}
#banner #btn_next {background-position: -92px 0;right: 12%;transition: all 600ms ease;}
#banner #btn_prev:hover {opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;left: 11.6%;}
#banner #btn_next:hover {opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;right: 11.6%;}

.index1{width:90%; margin:auto; overflow:hidden; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:3rem; margin-bottom:3rem;}
.index1 .fl{width:100%;}
.index1 .fl .txt{ overflow:hidden;}
.index1 .fl .txt dt{ font-size:1.6rem; font-weight:bold;}
.index1 .fl .txt li{ font-size:1rem; margin-top:0.5rem; font-weight:bold;}
.index1 .fl .txt dd{ margin-top:1rem;}
.index1 .fl .txt dd p{ font-size:1rem; margin-bottom:1rem; line-height:1.6rem; color:#666;}
.index1 .fl .counters{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:15px; margin-left:15px; margin-right:15px;}
.index1 .fl .counters dl{text-align:center; display:flex; flex-wrap:wrap; align-items:‌flex-start‌; justify-content:center; width:48%; margin-bottom:2rem;}
.index1 .fl .counters dl .counter{ font-size:2rem; font-weight:bold; color:#225b8d; display:flex; flex-wrap:wrap; align-items:‌flex-start‌; justify-content:center;}
.index1 .fl .counters dl span{ font-size:1.1rem; font-weight:normal; margin-left:0.3rem; color:#225b8d;}
.index1 .fl .counters dl .bod{ width:100%; font-size:1rem; margin-top:0.7rem;}
.index1 .fr{ width:100%;}
.index1 .fr dt{ position:relative; padding-bottom:100%;}
.index1 .fr dt img{ position:absolute; width:100%; height:100%; object-fit: cover; border-radius:30px;}

.index2{width:100%; margin:auto; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-bottom:3rem;}
.index2 .ladyScroll{width:100%; margin:auto; position:relative;}
.index2 .ladyScroll .zuoyou{ width:100%; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:1.5rem; position:absolute; left:0; right:0; top:45%;}
.index2 .ladyScroll .zuoyou .prev{width:5%;text-align:center; margin-right:1rem;}
.index2 .ladyScroll .zuoyou .prev img{ width:0.7rem;}
.index2 .ladyScroll .zuoyou .next{width:5%;text-align:center; margin-left:1rem;}
.index2 .ladyScroll .zuoyou .next img{width:0.7rem;}
.index2 .ladyScroll .scrollWrap{width:90%; margin:auto; overflow:hidden;}
.index2 .ladyScroll dl{float:left;width:100%; border-radius:30px; overflow:hidden; padding:3rem 0rem;}
.index2 .ladyScroll dl .info{width:100%;color:#fff;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.index2 .ladyScroll dl .info ul{width:100%; text-align:center;}
.index2 .ladyScroll dl .info ul img{width:80%; margin:auto;}
.index2 .ladyScroll dl .info li{width:80%; margin:auto; margin-top:2rem;}
.index2 .ladyScroll dl .info li .sort-name{font-size:48px; font-weight:bold; text-shadow: 2px 4px 4px rgba(0,0,0,0.7);}
.index2 .ladyScroll dl .info li .scode-list{ margin-top:20px;}
.index2 .ladyScroll dl .info li .scode-list p{ font-size:26px; text-shadow: 2px 2px 2px rgba(0,0,0,0.7);}
.index2 .ladyScroll dl .info li .def1{ margin-top:20px; text-shadow: 1px 1px 1px rgba(0,0,0,0.7);}
.index2 .ladyScroll dl .info li .more{ margin-top:35px; width: fit-content; background:#FFF; color:#225b8d; padding:12px; padding-left:30px; border-radius:40px;display:flex;flex-wrap:wrap;align-items:center;}
.index2 .ladyScroll dl .info li .more span{font-size:18px;}
.index2 .ladyScroll dl .info li .more p{margin-left:25px; background:#225b8d; width:36px; height:36px; float:left; color:#FFF; font-size:18px; text-align:center; line-height:32px; border-radius:100%;}

.index3{width:100%; height:100vh; overflow:hidden;}
.index3 .bod{position: relative; height:100vh;}
.index3 .bod dt{ position:absolute; top:0; bottom:0; left:0; right:0;}
.index3 .bod dt img{ width:100%; height:100%; object-fit: cover;}
.index3 .bod dd{position:absolute; top:0; bottom:0; left:0; right:0; display:flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.index3 .bod dd img{ width:5rem; height:5rem;}

.index4{ display:none;}
.index4-wap{ width:100%; overflow:hidden; margin-top:3rem;}
.index4-wap .txt{ width:90%; margin:auto; text-align:center;}
.index4-wap .txt dt{ font-size:1.6rem; font-weight:bold;}
.index4-wap .txt dd{ font-size:1rem; color:#666; line-height:1.6rem; margin-top:0.7rem;}
.index4-wap .picScroll-left-wap{ width:84%; margin:auto; position:relative; margin-top:2rem;}
.index4-wap .picScroll-left-wap .hd .prev{ position:absolute; left:-7%; top:40%;}
.index4-wap .picScroll-left-wap .hd .next{ position:absolute; right:-7%; top:40%;}
.index4-wap .picScroll-left-wap .bd{}
.index4-wap .picScroll-left-wap .bd ul{overflow:hidden; width:100%; display:flex;flex-wrap:wrap;justify-content:space-between;}
.index4-wap .picScroll-left-wap .bd ul li{width:100%;}
.index4-wap .picScroll-left-wap .bd ul li .pic{ position:relative; padding-bottom:80%;}
.index4-wap .picScroll-left-wap .bd ul li .pic img{ position:absolute; width:100%; height:100%; object-fit: cover; border-radius:20px;}
.index4-wap .picScroll-left-wap .bd ul li .pic a:hover img{ border-color:#999;  }
.index4-wap .picScroll-left-wap .bd ul li .title{text-align:center; font-size:1.2rem; margin-top:1rem;}

.index5{ width:100%; margin-top:3rem; border-top:#eee 1px solid; overflow:hidden;}
.index5 .bod{width:90%; margin:auto; margin-top:3rem;}
.index5 .bod .item{width:100%; overflow:hidden; margin-bottom:3rem; display:flex; flex-wrap:wrap; align-items: center;justify-content:space-between;}
.index5 .bod .item1 .fl{width:100%;}
.index5 .bod .item1 .fl dt{position:relative; padding-bottom:100%;}
.index5 .bod .item1 .fl dt img{position:absolute; width:100%; height:100%; border-radius:30px;}
.index5 .bod .item1 .fr{width:100%; margin-top:1.5rem;}
.index5 .bod .item1 .fr .txt{font-size:1.4rem; font-weight:bold;}
.index5 .bod .item1 .fr .time{display:flex; flex-wrap:wrap; align-items: center; margin-top:1rem;}
.index5 .bod .item1 .fr .time img{width:1.6rem;}
.index5 .bod .item1 .fr .time span{ font-size:1.2rem; font-weight:bold; margin-left:0.5rem; color:#ff0000;}
.index5 .bod .item1 .fr .content{ margin-top:1.5rem; color:#666; line-height:26px;}
.index5 .bod .item1 .fr .more{ margin-top:1.5rem; width: fit-content; background:#225b8d; padding:0.7rem; display:flex; flex-wrap:wrap; align-items: center; border-radius:3rem;}
.index5 .bod .item1 .fr .more dt{ margin-left:1rem; font-size:1.1rem; color:#FFF;}
.index5 .bod .item1 .fr .more dd{ width:2.2rem; height:2.2rem; line-height:2rem; text-align:center; background:#FFF; border-radius:100%; margin-left:1.5rem;}
.index5 .bod .item2 .fr{width:100%; margin-top:1.5rem;}
.index5 .bod .item2 .fr dt{position:relative; padding-bottom:100%;}
.index5 .bod .item2 .fr dt img{position:absolute; width:100%; height:100%; border-radius:30px;}
.index5 .bod .item2 .fl{width:100%;}
.index5 .bod .item2 .fl .txt{font-size:1.4rem; font-weight:bold;}
.index5 .bod .item2 .fl .time{display:flex; flex-wrap:wrap; align-items: center; margin-top:1rem;}
.index5 .bod .item2 .fl .time img{width:1.6rem;}
.index5 .bod .item2 .fl .time span{ font-size:1.2rem; font-weight:bold; margin-left:0.5rem; color:#ff0000;}
.index5 .bod .item2 .fl .content{ margin-top:1.5rem; color:#666; line-height:26px;}
.index5 .bod .item2 .fl .more{ margin-top:1.5rem; width: fit-content; background:#225b8d; padding:0.7rem; display:flex; flex-wrap:wrap; align-items: center; border-radius:3rem;}
.index5 .bod .item2 .fl .more dt{ margin-left:1rem; font-size:1.1rem; color:#FFF;}
.index5 .bod .item2 .fl .more dd{ width:2.2rem; height:2.2rem; line-height:2rem; text-align:center; background:#FFF; border-radius:100%; margin-left:1.5rem;}

.index-message{width:100%; padding-bottom:1rem; margin-top:3rem;}
.index-message .item{box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1); width:90%; margin:auto; background:#fff; border-radius:1rem;}
.index-message .item .bod{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; padding:2rem;}
.index-message .item .bod .wenan{width:100%;}
.index-message .item .bod .wenan .txt dt{font-size:1.2rem; color:#c5001b}
.index-message .item .bod .wenan .txt dd{font-size:1.6rem; font-weight:bold; margin-top:0.5rem; line-height:1.6rem;}
.index-message .item .bod .wenan .txt p{margin-top:0.5rem; font-size:1rem; color:#666; line-height:1.5rem;}
.index-message .item .bod .wenan .neirong{border-top:#ddd 1px solid; margin-top:1.5rem; padding-top:1.5rem;}
.index-message .item .bod .wenan .neirong dl{display: grid; grid-template-columns: auto 1fr; margin-bottom:15px;}
.index-message .item .bod .wenan .neirong dl dt img{height:1rem; filter:drop-shadow(#ff0000 0px 100000px); transform: translateY(-100000px);}
.index-message .item .bod .wenan .neirong dl:nth-child(1) dt img{ height:1rem;}
.index-message .item .bod .wenan .neirong dl:nth-child(3) dt img{ height:0.7rem;}
.index-message .item .bod .wenan .neirong dl span{margin-left:0.5rem; line-height:1.4rem; color:#666; font-size:1rem;}
.index-message .item .bod .message{width:100%; margin-top:1rem;}
.index-message .item .bod .message dt{font-size:1.4rem;}
.index-message .item .bod .message form{display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; margin-top:20px;}
.index-message .item .bod .message form input{width:100%; background:#f5f5f5; border:none; height:2.8rem; margin-bottom:1rem; padding-left:2%; color:#333; font-size:1rem; border-radius:0.5rem;}
.index-message .item .bod .message form input::placeholder{color:#333; font-size:16px;}
.index-message .item .bod .message form textarea{width:100%; height:100px; background:#f5f5f5; border:none;border-radius:0.5rem;color:#333;font-size:1rem; font-family:Arial;padding-top:0.5rem; padding-left:2%;}
.index-message .item .bod .message form button{ width:40%; height:2.8rem; border-radius:0.5rem; background:#ff0000; border:none;color:#FFF; font-size:1rem; margin-top:1rem; margin-left:60%;}

.foot{overflow:hidden; background:#fff; padding:2rem 0px;}
.foot .bod{overflow:hidden;width:90%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; border-bottom:#eee 1px solid; padding-bottom:1rem;}
.foot .bod .fl .item{display: flex; flex-wrap:wrap; align-items: center;}
.foot .bod .fl .item dt{width:2rem; height:2rem; background:#0f1a17; border-radius:100%; border:#0f1a17 0.2rem solid;}
.foot .bod .fl .item dt img{ width:2rem; filter:drop-shadow(#fff 0px 100000px); transform: translateY(-100000px);}
.foot .bod .fl .item span{ font-size:1; margin-left:0.6rem; font-weight:bold;}
.foot .bod .fr{ margin-top:1.5rem;}
.foot .bod .fr .item{display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.foot .bod .fr .item li{ margin:0rem 1rem; font-size:0.9rem; font-weight:bold; margin-bottom:1rem;}
.foot .bod1{overflow:hidden;width:90%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; border-bottom:#eee 1px solid; padding-bottom:40px; margin-top:40px;}
.foot .bod1 .fl{ width:100%; display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.foot .bod1 .fl dl{display: flex; flex-wrap:wrap; margin-right:50px; display: grid; grid-template-columns: auto 1fr; width:100%; margin-bottom:1.2rem;}
.foot .bod1 .fl dl dt{ margin-right:1rem; width:2rem; height:2rem; background:#0f1a17; border-radius:100%; border:#0f1a17 0.2rem solid; display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.foot .bod1 .fl dl dt img{filter:drop-shadow(#fff 0px 100000px); transform: translateY(-100000px); height:1rem;}
.foot .bod1 .fl dl:hover dt{background:#ff0000; border:#ff0000 2px solid;}
.foot .bod1 .fl dl:hover dt img{filter:drop-shadow(#fff 0px 100000px); transform: translateY(-100000px);}
.foot .bod1 .fl dl dd{ font-weight:bold; font-size:15px;}
.foot .bod1 .fl dl dd p{ font-weight:normal; margin-top:0.5rem; font-size:1rem;}
.foot .bod1 .fr{display: flex; flex-wrap:wrap; align-items: center; margin-top:1.5rem;}
.foot .bod1 .fr dl{ margin:0rem 0.6rem;}
.foot .bod1 .fr dl dt{width:2rem; height:2rem; background:#0f1a17; border-radius:100%; border:#0f1a17 0.2rem solid; display: flex; flex-wrap:wrap; align-items: center; justify-content:center;}
.foot .bod1 .fr dl dt img{width:1rem; filter:drop-shadow(#fff 0px 100000px); transform: translateY(-100000px); margin-top:0.1rem;}
.foot .bod1 .fr dl:hover dt{background:#ff0000; border:#ff0000 2px solid;}
.foot .bod2{overflow:hidden;width:90%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; margin-top:2rem;}
.foot .bod2 .fl{ color:#787878; text-align:center;}
.foot .bod2 .fr{display: flex; flex-wrap:wrap; align-items: center; margin-top:1.5rem;}
.foot .bod2 .fr dl{ margin:0rem 0.6rem; color:#787878; text-decoration: underline;}

.foot-active{ color:#ff8400;}

.nybanner{width:100%;overflow: hidden;}
.nybanner li{overflow: hidden; padding-top:25vh; padding-bottom:3rem; width:100%;}
.nybanner li .bod{ width:90%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; overflow:hidden;}
.nybanner li .bod .zuobian{width:100%; font-size:2.4rem; color:#FFF; font-weight:bold;}
.nybanner li .bod .youbian{ width:100%; color:#FFF;}
.nybanner li .bod .youbian ul{ font-size:1rem; line-height:1.6rem; margin-top:2rem;}
.nybanner li .bod .youbian dl{ margin-top:3rem; width: fit-content; background:#FFF; color:#225b8d; padding:0.5rem; padding-left:1.5rem; border-radius:3rem;display:flex;flex-wrap:wrap;align-items:center;}
.nybanner li .bod .youbian dl span{font-size:1.1rem;}
.nybanner li .bod .youbian dl p{margin-left:25px; background:#225b8d; width:2.2rem; height:2.2rem; float:left; color:#FFF; font-size:1.1rem; text-align:center; line-height:2rem; border-radius:100%;}
.nybanner li .counters{ width:90%; margin:auto; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; overflow:hidden; margin-top:5rem;}
.nybanner li .counters dl{text-align:center; display:flex; flex-wrap:wrap; align-items:‌flex-start‌; justify-content:center; width:48%; background:rgba(255,255,255,1); border-radius:1rem; padding:2rem 0rem; margin-bottom:2rem;}
.nybanner li .counters dl .counter{ font-size:2.4rem; font-weight:bold; color:#225b8d; display:flex; flex-wrap:wrap; align-items:‌flex-start‌; justify-content:center;}
.nybanner li .counters dl span{ font-size:1rem; font-weight:normal; margin-left:0.5rem; color:#225b8d;}
.nybanner li .counters dl dt{font-size:2.4rem; font-weight:bold; color:#225b8d;}
.nybanner li .counters dl .bod{ width:100%; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; margin-top:1rem;}

.nybanner1{width:100%;overflow: hidden;}
.nybanner1 li{overflow: hidden; width:100%;}
.nybanner1 li .info{background:rgba(0,43,81,0.5); width:100%; overflow:hidden;}
.nybanner1 li .info .bod{ width:90%; margin:auto; margin-top:25vh; margin-bottom:20rem; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.nybanner1 li .info .bod .zuobian{width:100%; font-size:2.4rem; color:#FFF; font-weight:bold; text-align:center;}
.nybanner1 li .info .bod .youbian{ width:100%; color:#FFF; margin-top:1.5rem;}
.nybanner1 li .info .bod .youbian ul{ font-size:1rem; line-height:1.8rem; text-align:center;}
.nybanner1 li .info .bod .youbian dl{ margin:auto; margin-top:3rem; width: fit-content; background:#FFF; color:#225b8d; padding:0.5rem; padding-left:1.5rem; border-radius:3rem;display:flex;flex-wrap:wrap;align-items:center;}
.nybanner1 li .info .bod .youbian dl span{font-size:1.1rem;}
.nybanner1 li .info .bod .youbian dl p{margin-left:1.5rem; background:#225b8d; width:2.2rem; height:2.2rem; float:left; color:#FFF; font-size:1.1rem; text-align:center; line-height:32px; border-radius:100%;}

.nybanner2{width:100%;overflow: hidden;}
.nybanner2 li{overflow: hidden; width:100%;}
.nybanner2 li .info{background:rgba(0,43,81,0.5); width:100%; overflow:hidden;}
.nybanner2 li .info .bod{ width:90%; margin:auto; margin-top:25vh; margin-bottom:12vh; text-align:center;}
.nybanner2 li .info .bod dt{font-size:2.4rem; font-weight:bold; color:#FFF;}
.nybanner2 li .info .bod dd{font-size:1rem; color:#FFF; margin-top:2rem; line-height:1.8rem;}

.nybanner3{width:100%;overflow: hidden;}
.nybanner3 li{overflow: hidden; width:100%;}
.nybanner3 li .info{background:rgba(0,43,81,0.5); width:100%; overflow:hidden;}
.nybanner3 li .info .bod{ width:90%; margin:auto; margin-top:25vh; margin-bottom:20rem; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.nybanner3 li .info .bod .zuobian{width:100%;}
.nybanner3 li .info .bod .zuobian img{width:100%; border-radius:1rem;}
.nybanner3 li .info .bod .youbian{ width:100%; color:#FFF; margin-top:2rem;}
.nybanner3 li .info .bod .youbian ul{font-size:2.4rem;}
.nybanner3 li .info .bod .youbian dt{ margin-top:1.5rem; font-size:1.4rem;}
.nybanner3 li .info .bod .youbian dd{ margin-top:1.5rem; font-size:1rem; line-height:1.8rem;}
.nybanner3 li .info .bod .youbian dl{margin:auto; margin-top:3rem; width: fit-content; background:#FFF; color:#225b8d; padding:0.5rem; padding-left:1.5rem; border-radius:3rem;display:flex;flex-wrap:wrap;align-items:center;}
.nybanner3 li .info .bod .youbian dl span{font-size:1.1rem;}
.nybanner3 li .info .bod .youbian dl p{margin-left:1.5rem; background:#225b8d; width:2.2rem; height:2.2rem; float:left; color:#FFF; font-size:1.1rem; text-align:center; line-height:32px; border-radius:100%;}

.about{overflow:hidden; margin-top:0rem; margin-bottom:1.5rem; width:100%;}
.about .bod{ width:90%; margin:auto;}
.about .bod dd{ margin-top:0rem; font-size:1rem; line-height:1.5rem;}
.about .bod dd p{ margin-top:0.5rem; text-wrap:wrap !important;}
.about .bod dd p span{text-wrap:wrap !important;}
.about .bod dd span{text-wrap:wrap !important;}
.about .bod li{ font-size:1.1rem; margin-top:1rem; font-weight:bold; color:#ff0000;}

.about-honor{ width:100%; overflow:hidden;}
.about-honor .bod{width:90%; margin:auto; margin-top:3rem; display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between;}
.about-honor .bod .fl{ width:100%;}
.about-honor .bod .fl img{ width:100%; border-radius:2rem;}
.about-honor .bod .fr{width:100%; display: flex; flex-wrap:wrap; justify-content:space-between; margin-top:2rem;}
.about-honor .bod .fr dl{ width:48%; margin-bottom:1rem;}
.about-honor .bod .fr dl dt{ position:relative; padding-bottom:140%}
.about-honor .bod .fr dl dt img{ position:absolute; width:100%; height:100%;}
.about-honor .bod .fr dl dt p{ position:absolute; left:0 ; right:0; bottom:0; height:4rem; background:rgba(34,91,141,0.9); display: flex; flex-wrap:wrap; align-items: center;justify-content:center;color:#FFF; text-align:center;}

.about-advantage{ width:100%; overflow:hidden; border-top:#eee 1px solid; margin-top:3rem;}
.about-advantage .txt{ width:90%; margin:auto; margin-top:3rem; font-size:1.6rem; font-weight:bold;}
.about-advantage .txt span{ color:#999;}
.about-advantage .bod{ width:90%; margin:auto; margin-top:2rem; display: flex; flex-wrap:wrap; justify-content:space-between;}
.about-advantage .bod .item1{ width:100%; background:#f5f5f5; border-radius:1rem; padding:2rem 0px;}
.about-advantage .bod .item1 dt{ font-size:1.4rem; font-weight:bold; margin-left:1.5rem; margin-right:1.5rem;}
.about-advantage .bod .item1 dd{margin-left:1.5rem; margin-right:1.5rem; margin-top:1rem;}
.about-advantage .bod .item1 dd p{ font-size:1rem; line-height:1.4rem; margin-top:1rem;}
.about-advantage .bod .item2{ width:100%; overflow:hidden; margin-top:2rem;}
.about-advantage .bod .item2 dt{font-size:1.4rem; font-weight:bold; margin-bottom:1.5rem;}
.about-advantage .bod .item2 dd{background:#f5f5f5; border-radius:0.5rem; margin-top:1rem; }
.about-advantage .bod .item2 dd p{ padding:1rem;}

.about-neirong{width:90%; margin:auto; margin-top:3rem; overflow:hidden;}
.about-neirong .img{ width:100%;}
.about-neirong .img img{ width:100%; border-radius:1rem;}
.about-neirong .txt{width:100%;margin-top:2rem; font-size:1.6rem; font-weight:bold; text-align:center; margin-bottom:2rem;}
.about-neirong .txt span{ color:#999;}
.about-neirong .bod{ width:100%; overflow:hidden;}
.about-neirong .bod .item1{display: flex; flex-wrap:wrap; align-items: center; justify-content:space-between; overflow:hidden;}
.about-neirong .bod .item1 .fl{width:100%; overflow:hidden;}
.about-neirong .bod .item1 .fl img{ width:100%; border-radius:1rem;}
.about-neirong .bod .item1 .fr{ width:100%; margin-top:2rem;}
.about-neirong .bod .item1 .fr dl{ margin-bottom:1rem; font-size:1rem; line-height:1.6rem;}

.productlist{overflow:hidden; width:90%; margin:auto; margin-top:-14rem;}
.productlist .bod{ overflow:hidden; display: flex; flex-wrap:wrap; justify-content: space-between;}
.productlist .bod dl{width:100%; margin-bottom:2rem;}
.productlist .bod dl dt{position:relative; padding-bottom:100%; overflow:hidden; background:#f5f5f5; border-radius:1rem;}
.productlist .bod dl dt img{position:absolute; height:100%; transition: all 0.5s;}
.productlist .bod dl dt .info{position:absolute; left:5%; bottom:5%; right:5%; height:3.5rem; background:rgba(34,91,141,0.8); transition: all 0.5s; border-radius:10px; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; color:#FFF; font-size:1.1rem;}
.productlist .bod dl:hover dt .info{height:90%;transition:all 0.5s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}

.product-bod{overflow:hidden; width:90%; margin:auto; margin-top:0rem;}
.product-bod dt{ width:100%;}
.product-bod dt img{width:100%; border-radius:1rem;}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:0; font-size:1rem;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666; padding:5px; flex:1; overflow:hidden; overflow:hidden; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0.5rem;}
.fanye .fenye2 .page-num-current{color:#fff; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0.5rem; background:#ff0000; border:#ff0000 1px solid;}
.fanye .fenye2 .page-num-current:hover{color:#ff9000;}
.fanye a{border:#ddd 1px solid; padding:0.5rem; background:#f5f5f5; transition: all 0.5s; margin-bottom:0.3rem;}
.fanye a:hover{background:#ff0000; color:#fff; transition: all 0.5s; border:#ff0000 1px solid;}

.product{ overflow:hidden; width:90%; margin:auto; margin-top:-14rem;}
.product .tuozhan{ overflow:hidden; display:flex; flex-wrap:wrap; border-bottom:#CCC 1px dashed; padding-bottom:50px; margin-bottom:50px;}
.product .tuozhan dl{ width:100%; margin-bottom:1rem;}
.product .tuozhan dl dt{ position:relative; padding-bottom:100%; background:#FFF; border-radius:30px; overflow:hidden;}
.product .tuozhan dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover; }
.product .tuozhan dl dt .info{position:absolute; left:5%; bottom:5%; right:5%; height:3.5rem; background:rgba(34,91,141,0.8); transition: all 0.5s; border-radius:10px; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; color:#FFF; font-size:1.1rem;}
.product .tuozhan dl:hover dt .info{height:90%;transition:all 0.5s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.product .bod{overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.product .bod p{font-size:16px; color:#666; line-height:24px; margin-bottom:15px; text-wrap:wrap !important; width:100% !important;}
.product .bod p img{width:100% !important;}
.product .bod span{text-wrap:wrap !important;}
.product .bod table{ width:45%;}
.product .bod table td{font-size:16px; line-height:26px;}
.product .bod table img{ width:80%; margin-left:10%;}
.product .bod h1{ font-size:36px;}
.product .bod h2{ font-size:32px;}
.product .bod h3{ font-size:28px;}
.product .bod h4{ font-size:24px;}
.product .bod h5{ font-size:20px;}
.product .bod h6{ font-size:18px;}

.news-list{width:90%; margin:auto; overflow:hidden; display: flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; margin-top:1rem;}
.news-list .bod{width:100%;}
.news-list .bod .item1{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-bottom:2.5rem; margin-top:30px; border-bottom:#ddd 1px dashed; padding-bottom:2rem;}
.news-list .bod .item1 .zuo{width:100%;}
.news-list .bod .item1 .zuo dt{position:relative; padding-bottom:100%;}
.news-list .bod .item1 .zuo dt img{position:absolute; width:100%; height:100%; border-radius:1rem; object-fit: cover;}
.news-list .bod .item1 .you{width:100%; margin-top:1.5rem;}
.news-list .bod .item1 .you dt{ font-size:1.2rem; line-height:1.8rem}
.news-list .bod .item1 .you dd{ font-size:1rem; color:#666; line-height:1.6rem; margin-top:0.7rem;}
.news-list .bod .item1 .you p{ margin-top:1rem; color:#666;}
.news-list .bod .item1:hover .you dt{color:#ff0000;}
.news-list .txt{ width:100%; background:#225b8d; border-radius:1rem; margin-top:2.5rem;}
.news-list .txt .txt3{ padding:2rem; overflow:hidden; color:#FFF;}
.news-list .txt .txt3 li{ font-size:2.2rem; overflow:hidden}
.news-list .txt .txt3 p{ margin-top:1rem; font-size:1rem;}
.news-list .txt .txt3 form{ margin-top:2rem;}
.news-list .txt .txt3 form input{width:94%; margin-bottom:1rem; height:3rem; border:none; padding-left:6%; border-radius:0.5rem; outline:none; font-size:1rem; color:#999;}
.news-list .txt .txt3 form input::placeholder{ font-size:16px; color:#999;}
.news-list .txt .txt3 form textarea{width:94%; margin-bottom:15px; height:8rem; border:none; padding-left:6%; border-radius:0.5rem; padding-top:0.5rem; font-size:1rem; color:#999; outline:none; font-family:Arial;}
.news-list .txt .txt3 form button{ width:60%; height:3rem; background:#ff0000; border:none; border-radius:0.5rem; outline:none; color:#FFF; font-size:1rem;}

.news{ overflow:hidden; padding-top:1.5rem; width:90%; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between;}
.news .fl{ width:100%;}
.news .txt{margin-bottom:1rem;}
.news .txt dd{display: flex; flex-wrap:wrap; margin-top:0.6rem; color:#666;}
.news .txt dd p{ margin-right:1.5rem;}
.news .bod{overflow:hidden; margin-bottom:1.5rem;}
.news .bod img{ width:100%; margin-bottom:40px;}
.news .bod p{ font-size:16px; color:#666; line-height:24px; margin-bottom:15px; text-wrap:wrap !important;}
.news .bod span{text-wrap:wrap !important;}
.news .txt3{width:84%; background:#225b8d; border-radius:1rem; padding:2rem 8%; overflow:hidden; color:#FFF;}
.news .txt3 li{font-size:2.2rem; overflow:hidden}
.news .txt3 p{margin-top:1rem; font-size:1rem;}
.news .txt3 form{ margin-top:2rem;}
.news .txt3 form input{width:94%; margin-bottom:1rem; height:3rem; border:none; padding-left:6%; border-radius:0.5rem; outline:none; font-size:1rem; color:#999;}
.news .txt3 form input::placeholder{ font-size:16px; color:#999;}
.news .txt3 form textarea{width:94%; margin-bottom:15px; height:8rem; border:none; padding-left:6%; border-radius:0.5rem; padding-top:0.5rem; font-size:1rem; color:#999; outline:none; font-family:Arial;}
.news .txt3 form button{ width:60%; height:3rem; background:#ff0000; border:none; border-radius:0.5rem; outline:none; color:#FFF; font-size:1rem;}

.contact{overflow:hidden; margin-top:1.5rem; background:#fff; margin-bottom:1.5rem; width:100%;}
.contact .bod{display:flex; flex-wrap:wrap; justify-content:space-between; width:90%; margin:auto;}
.contact .bod dl{ width:100%; border:#eee 1px solid; text-align:center;  padding:1.5rem 0px; margin-bottom:1rem;}
.contact .bod dl dt img{ width:1.6rem;}
.contact .bod dl dd{ margin-top:0.5rem; font-weight:bold;}
.contact .bod dl li{ margin-top:0.5rem; margin-left:0.6rem; margin-right:0.6rem; line-height:24px; color:#666;}

.search-list{width:90%; margin:auto; padding-top:1.5rem; display: flex; flex-wrap:wrap; align-items:center; justify-content: center; overflow:hidden;}
.search-list .txt{ width:100%; overflow:hidden;}
.search-list .txt{width:94%; margin:auto; padding-top:1.5rem; display: flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.search-list .txt form{display: flex; flex-wrap:wrap; align-items:center; justify-content: center; width:100%; overflow:hidden; border:#CCC 1px solid; border-radius:3rem;}
.search-list .txt form input{ width:65%; height:3rem; outline:none; font-size:1rem; padding-left:5%; border:none;}
.search-list .txt form button{ width:30%; background:#ff0000; border:none; height:3rem; font-size:18px; color:#FFF; text-transform:uppercase; font-size:1rem;}
.search-list .bod{ overflow:hidden; display: flex; flex-wrap:wrap; justify-content: space-between; width:100%; margin:auto; margin-top:2rem;}
.search-list .bod dl{width:100%; margin-bottom:1.5rem;}
.search-list .bod dl dt{position:relative; padding-bottom:100%; overflow:hidden; background:#f5f5f5; border-radius:1rem;}
.search-list .bod dl dt img{position:absolute; height:100%; transition: all 0.5s;}
.search-list .bod dl dt .info{position:absolute; left:5%; bottom:5%; right:5%; height:3.5rem; background:rgba(34,91,141,0.8); transition: all 0.5s; border-radius:10px; display: flex; flex-wrap:wrap; align-items: center; justify-content:center; color:#FFF; font-size:1.1rem;}
.search-list .bod dl:hover dt .info{height:90%;transition:all 0.5s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
}