@charset "utf-8";
/*通用样式*/
*,a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0;  font-family:Microsoft YaHei,PingFang SC, Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body { overflow-x: hidden;}
input,textarea { outline: none; border: none; box-sizing: border-box; background: none;}
body{ background:#fff; font:normal 12px/24px; font-family: Microsoft YaHei,PingFang SC, Arial, Helvetica, sans-serif;; color:#333; }
img{ border:0;  }
a{ text-decoration:none; color:#333;  }
a:hover{ color:red;  }
.clear { clear:both;}
div { box-sizing:border-box;}
.clearfix::after { content: ''; clear: both; display: block; height: 0;}
@font-face{
 font-family:'Hybrid';
 src:url('../font/wedrf.TTF');
 }



.dn { display: none;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 2;}
/* CSS Document */
.header { z-index: 4; position: fixed; left: 0; top:0; width: 100%; padding: 50px 0; transition: all 0.5s;}
.headerCont { align-items: center; display: flex; justify-content: space-between; align-items: center; line-height: 70px; width: 76%; margin: 0 auto; height: 70px;}
.header.moveHead { box-shadow: 0 0 10px rgba(0,0,0,0.2); padding: 0; background: #ffffff;}
.header.moveHead .nav li h2 a { color: rgba(51, 51, 51, 1);}
.header.moveHead .logo img:nth-child(2) { opacity: 1;}
.header.moveHead .logo img:nth-child(1) { opacity: 0;}
.banner { position: relative; overflow: hidden;}
.banner img { animation: scaleAni 5s linear forwards; display: block; width: 100%; transition: all 2s;}
@keyframes scaleAni {
	0% { transform: scale(1.2);}
	100% { transform: scale(1);}
}
.bannerText { font-size: 2.4vw; color: #ffffff; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 76%; position: absolute;font-weight:600;line-height:1.5;}
.bannerText p{ font-size:32px;}
.bannerText span { color: rgb(67,234,192); margin-right: 2.6vw;}
.headRight { display: flex;}
.nav ul { gap: 60px; display: flex;}
.nav li {position: relative;}
.nav li dl { display: none; background: #ffffff; left: 0; position: absolute; top: 70px; width: 140px; left: 50%; transform: translateX(-50%); }
.nav li dl dt { text-align: center; font-size: 1rem; line-height:3;}
.nav li dl dt a { display: block; transition: all 0.3s; color: #333333;}
.nav li h2 { line-height: 70px; font-weight:bold;font-size: 1.14rem;}
.nav li h2 a { font-size: 1.14rem; color: #ffffff;font-weight:bold;}
.lang { margin-left: 120px; position: relative;}
.lang::after { content: ''; position: absolute; left: -60px; width: 1px; height: 19px; background: #fff; top: 50%; transform: translateY(-50%);}
.header.moveHead .lang::after { background: #54DBB9;}
.lang span { cursor: pointer; font-weight: bold; color: #fff; font-size: 1.14rem;}
.header.moveHead .lang span { color:#54DBB9;}
.lang dl { position: absolute; top: 70px;}
.nav li dl dt a:hover { background: #54DBB9; color: #ffffff;}
.nav li:hover h2 { background: url(../images/navon.png) center 50px no-repeat;}
.lang dl { display: none; background: #ffffff; left: 0; position: absolute; top: 70px; width: 140px; left: 50%; transform: translateX(-50%); }
.lang dl dt { text-align: center; font-size: 1rem; line-height:3;}
.lang dl dt a { display: block; transition: all 0.3s; color: #333333;}
.lang dl dt a:hover { background: #54DBB9; color: #ffffff;}
.logo { position: relative;}
.logo img { transition: all 0.3s; display: block;}
.logo img:nth-child(2) { position: absolute; left: 0; top: 0; opacity: 0;}
.container { width: 76%; margin: 0 auto;}
.goods { padding: 100px 0; background-image: linear-gradient(to bottom,rgba(13, 119, 107, 1),rgba(22, 189, 169, 1));}
.goods ul { display: flex; justify-content: space-between;}
.goods li { display: flex; align-items: center; gap: 15px; font-size: 1.75rem; color: #ffffff;}
.goods li img { transition: all 0.5s; display: block;}
.goods li:hover img { transform: rotateY(360deg);}
.introduce { padding: 160px 0;}
.introductText { margin-bottom: 66px; gap: 170px; display: flex;justify-content: space-between;align-items: center;}
.introductText a { width: 200px; line-height: 60px; color: #ffffff; font-size:0.88rem; letter-spacing: 3px;background-image:linear-gradient(to bottom,rgba(13, 119, 107, 1),rgba(22, 189, 169, 1));
border-radius: 60px;  text-align: center;}
.introductText a i { transition: all 0.5s; display: inline-block; background: url(../images/arrow.png) center no-repeat; width: 12px; height: 24px; vertical-align: -6px; margin-left: 25px;}
.introductText a:hover i { margin-left: 35px;}
.introductText p { flex: 1; font-size: 1.75rem; color: rgba(51, 51, 51, 1); line-height: 50px;}
.choseList { border-radius: 20px; overflow: hidden;}
.choseList img,.choseList video { height: 100%; object-fit: cover; display: block; width: 100%;}
.choseList img { transition: all 5s; transform: scale(1.1);}
.choseList .swiper-slide-active { z-index: 2;}
.choseList .swiper-slide-active img { transform: scale(1);}
.choseSlide:hover img { transform: scale(1.1);}
.choseSlide { border-radius: 24px; overflow: hidden; height: 650px;}
.choseHd { margin-top: 60px;}
.choseHd ul { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px;}
.choseHd li { cursor: pointer; gap: 23px; height: 139px; flex: 1; justify-content: center; align-items: center; display: flex; background: url(../images/btnBg.png) center no-repeat; background-size: 100% 100%;}
.choseHd li i { display: block; position: relative;}
.choseHd li img { display: block;}
.choseHd li img:nth-child(1) { opacity: 0;}
.choseHd li img:nth-child(2) { position: absolute; left: 0; top: 0;}
.choseHd li p { font-size: 1.5rem; line-height: 1.5; color: rgba(51, 51, 51, 1);}
.choseHd li:hover {background-image: linear-gradient(to bottom,rgba(13, 119, 107, 1),rgba(22, 189, 169, 1)); border-radius: 22px;}
.choseHd li:hover p { color: #ffffff;}
.choseHd li:hover img:nth-child(1) { opacity: 1;}
.choseHd li:hover img:nth-child(2) { opacity: 0;}
.case { margin-bottom: 200px;}
.case h2 { font-size: 2.4rem; line-height: 1.5; margin-bottom: 60px; color: rgba(51, 51, 51, 1);}
.case ul { display: flex; gap: 20px; justify-content: space-between;}
.case li { transition: all 0.5s; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08); background: rgba(0, 0, 0, 0.08); padding: 50px 0 44px; text-align: center; flex: 1;}
.case li img { transition: all 0.5s; display: block; margin: 0 auto 30px;}
.case li p { color: rgba(51, 51, 51, 1); font-size: 1.75rem; line-height: 1.5;}
.case li:hover img { transform: scale(1.1);}
.case li:hover { transform: translateY(-10px);}
.gride { background: rgba(0, 27, 53, 1); padding: 160px 0 200px;}
.grideDesc { margin-bottom: 100px; display: flex; gap: 20px; justify-content: space-between; align-items: flex-end;}
.descText { flex: 1;}
.descText h2 { font-size: 2.5rem; line-height: 1.5; margin-bottom: 20px; color: #fff;}
.descText p { font-size: 1.75rem; color: #ffffff; line-height: 1;}
.grideDesc a { display: block; width: 200px; height: 60px; font-size:1rem; border-radius: 60px; background: rgba(67, 234, 192, 1); display: flex; justify-content:center;
align-items: center; gap: 25px; color: rgba(0, 0, 0, 1); font-size: 1.14rem;}
.grideDesc a i { background: url(../images/blackarrow.png) center no-repeat; display: block; width: 12px; height: 24px;}
.grideDetail { align-items: flex-end; display: flex; justify-content: space-between;}
.detailPic { width: 724px;}
.detailPic ul { width: 100%; gap:68px 122px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.detailPic li { width: 160px; text-align: center;}
.detailText li h2 { font-size: 5.3rem; line-height: 100px; color: rgba(67, 234, 192, 1);font-family:'Hybrid'; font-weight:400;}
.detailText li p { font-size: 1.5rem; color: #ffffff; line-height: 1.5;}
.detailText li { margin-bottom: 60px;}
.detailText li:last-child { margin-bottom: 0;}
.detailPic li p { font-size: 1.75rem; color: #ffffff; line-height: 1.5;}
.detailPic li img { display: block; margin: 0 auto; transition: all 0.5s;}
.detailPic li:hover img {transform: scale(1.1);}
.footer { background: rgba(4, 16, 34, 1); padding: 80px 0 53px;}
.footerLink { margin: 31px 0 52px; color: #ffffff;font-size: 1rem; display: flex; gap: 100px; }
.footerLink a { transition: all 0.5s; color: #ffffff;font-size: 1rem;}
.footerLink a:hover { color:  rgba(67, 234, 192, 1);}
.copyRight { font-size: 0.75rem; line-height: 16px; color: rgba(255, 255, 255, 0.6);}
.copyRight a {transition: all 0.3s; color: rgba(255, 255, 255, 0.6);}
.copyRight a:hover { color: rgba(67, 234, 192, 1);}
.footerEwm p { font-size: 1rem; color: #ffffff; line-height: 18px; margin-top: 20px;}
.footerEwm img { display: block; margin: 0 auto;}
.footer .container { display: flex; justify-content: space-between;}
.menu { display: none;}


.ban1{ width:100%; height:auto; overflow:hidden; }
.ban1 img{ width:100%; display:block;transition: all 2s;}
.ban1:hover img { transform: scale(1.1);}
.cont1{ width:100%; height:355px; background:url(../images/a1.png) center no-repeat; color:#fff; overflow:hidden; }
.cont1 span{ font-weight:700;}
.cont1 h2{  max-width:76%; margin:90px auto; font-weight:400; font-size:2rem;}
.cont1 h3{ max-width:76%; margin:0 auto;font-weight:400;font-size:2rem;}
.cont2{  max-width:76%; padding:140px 0px; margin:0 auto;}
.bt{color: var(---333, #333);font-weight: 500; width:100%;font-size:1.6rem; text-align:center;}
.cnt2{ width:100%; padding:70px 0px; font-size:1.5rem; line-height:50px;}
.cnt21{ width:100%; height:auto; overflow:hidden;border-radius: 24px;}
.cnt21 img{ width:100%}

.cont3{ ; width:76%; margin:0 auto; margin-bottom:100px; margin-top:80px;}
.cont3 ul{ width:100%; height:auto; padding-top:70px;}
.cont3 ul li{ width:15%; float:left; margin-right:2%; padding:25px;box-sizing: border-box; text-align:center;transition: all 0.8s;}
.cont3 ul li:nth-child(6n){ margin-right:0px;} 
.cont3 ul li img{ width: auto; height:108px; display:block; margin:0  auto;}
.cont3 ul li .cnt3{ width:100%; height: 60px; line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.cont3 ul li .cnt3 h2{ width:100%; line-height:30px; font-size:1.25rem;  display:none; font-weight:500;transition: all 0.8s;}
.cont3 ul li:hover{ background:#F0F2F3;border-radius: 15px;}
.cont3 ul li:hover .cnt3 h2{ display:block;}
.page1{ width:100%; padding-top:70px; }
.page1 li{ width:48%; float:left;  margin-right:4%; overflow:hidden;border-radius: 16px;
border: 1px solid var(--Style, #0D776B);box-sizing: border-box;}
.page1 li:nth-child(2){ margin-right:0px;} 
.page1 img{ width:100%;}

.page2{ width:76%; margin:0 auto; margin-bottom:100px;}
.page2 ul{ margin-top:70px;}
.page2 li{ width:32%; float:left; margin-right:2%;border-top: 1px solid var(--Style, #0D776B);box-sizing: border-box;border-right: 3px solid var(--Style, #0D776B);border-bottom: 1px solid var(--Style, #0D776B);border-left: 1px solid var(--Style, #0D776B); margin-bottom:20px; height:204px; padding:35px 10px 35px 80px; overflow:hidden;box-shadow: 0px 60px 90px -75px rgba(0, 79, 60, 0.43);border-radius: 16px;}
.page2 li:nth-child(3n){ margin-right:0px;border-radius: 16px 200px 200px 16px;} 
.page2 li:nth-child(1){border-radius: 200px 16px 16px 200px;}
.page2 li:nth-child(2){border-top: 1px solid var(--Style, #0D776B);border-right: 1px solid var(--Style, #0D776B);border-bottom: 1px solid var(--Style, #0D776B);border-left: 1px solid var(--Style, #0D776B);}
.page2 li:nth-child(3){border-top: 1px solid var(--Style, #0D776B);border-right: 1px solid var(--Style, #0D776B);border-bottom: 1px solid var(--Style, #0D776B);border-left: 3px solid var(--Style, #0D776B);}
.page2 li:nth-child(4){border-radius: 200px 16px 16px 200px;border-top: 1px solid var(--Style, #0D776B);border-right: 3px solid var(--Style, #0D776B);border-bottom: 1px solid var(--Style, #0D776B);border-left: 1px solid var(--Style, #0D776B);box-shadow: 0px 60px 90px -75px rgba(0, 79, 60, 0.43);}
.page2 li:nth-child(5){border-top: 1px solid var(--Style, #0D776B);border-right: 1px solid var(--Style, #0D776B);border-bottom: 1px solid var(--Style, #0D776B);border-left: 1px solid var(--Style, #0D776B);}
.page2 li:nth-child(6){border-top: 1px solid var(--Style, #0D776B);border-right: 1px solid var(--Style, #0D776B);border-bottom: 1px solid var(--Style, #0D776B);border-left: 3px solid var(--Style, #0D776B);}
.page2 li .pg1{ width:100%; height:48px; background:url(../images/b1.png) center left no-repeat;background-size:auto 100%; line-height:48px;}
.page2 li:nth-child(2) .pg1{background:url(../images/b2.png) center left no-repeat; background-size:auto 100%; }
.page2 li:nth-child(3) .pg1{background:url(../images/b3.png) center left no-repeat; background-size:auto 100%;}
.page2 li:nth-child(4) .pg1{background:url(../images/b4.png) center left no-repeat; background-size:auto 100%;}
.page2 li:nth-child(5) .pg1{background:url(../images/b5.png) center left no-repeat; background-size:auto 100%;}
.page2 li:nth-child(6) .pg1{background:url(../images/b6.png) center left no-repeat; background-size:auto 100%;}
.page2 li .pg1 .pg1_1{ width:100%; line-height:48px; padding-left:59px;box-sizing: border-box;font-size: 1.5rem;font-weight: 700; }
.page2 li p{ width:85%; height:64px; line-height:32px;font-size: 1.25rem; color:#666; margin-top:15px;}
.page2 li:hover{background: var(--Style, linear-gradient(180deg, #0D776B -1.2%, #16BDA9 93.77%));
    box-shadow: 0px 60px 90px -75px rgba(0, 79, 60, 0.43); color:#fff;}
.page2 li:hover p{ color:#fff;}
.page2 li:hover .pg1{background:url(../images/b7.png) center left no-repeat;}
.page2 li:nth-child(2):hover .pg1{background:url(../images/b8.png) center left no-repeat;background-size:auto 100%; }
.page2 li:nth-child(3):hover .pg1{background:url(../images/b9.png) center left no-repeat; background-size:auto 100%;}
.page2 li:nth-child(4):hover .pg1{background:url(../images/b10.png) center left no-repeat; background-size:auto 100%;}
.page2 li:nth-child(5):hover .pg1{background:url(../images/b11.png) center left no-repeat;background-size:auto 100%; }
.page2 li:nth-child(6):hover .pg1{background:url(../images/b12.png) center left no-repeat; background-size:auto 100%;}

.pag3{ width:100%; height:auto; padding-top:100px;background: #001B35;}
.pag31{ max-width:76%;  margin:0 auto; text-align:center;}
.pag31 img{ display: inline-block; max-width:100%;}
.arty1{ width:100%; height:auto; padding-bottom:70px;}
.a1rtile1{  width:76%; height:auto; margin:90px auto 20px auto;;}
.a1rtile1 ul{}
.a1rtile1 li{ width:100%; margin:0 auto;; height:350px; margin-bottom:40px;  transition:all 0.5s;box-sizing: border-box;}
.x1man1{ width:100%;  margin:0 auto;transition:all 0.8s; }
.a1rt11{ width:390px; height: auto; float:left;  overflow:hidden; position:relative;}
.a1rt11 img{width:390px; height: auto; display:block;cursor: pointer;transition: all 1.2s;}
.a1rt11 img:hover{transform: scale(1.1);}

.a1rt21{ height: auto;overflow: hidden;padding-left:40px;box-sizing: border-box; }
.a1rt21 h2{ width:100%; font-size:1.5rem; color:#333;transition:all 0.5s; height: auto; line-height:34px; height:74px; padding-top:40px; margin-bottom:10px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; border-top: 1px solid var(---Gray-5, #E0E0E0);box-sizing: border-box; }
.a1rt21 .a1rt_p1{ width:100%; height: 65px;; line-height:35px; margin-top:5px;transition:all 0.5s; color:#333 ;  font-size:1.25rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;
}
.a1rt21 .a1rt2_11{ width:96%; height:49px; line-height:49px; margin-top:5px; color:#333;}
.a1rt21 .a1rt2_11 b{  font-weight:400;font-size: 0.75rem; color:#666;}
.a1rtd{ width:135px; height:40px; border-radius: 50px;background: var(--Style, linear-gradient(180deg, #0D776B -1.2%, #16BDA9 93.77%));
    box-shadow: 0px 60px 90px -75px rgba(0, 79, 60, 0.43); color:#fff; text-align:center; line-height:40px; margin-top:40px; display:none;}
.a1rtile1 li:hover .a1rtd{ display: block;}
.a1rtile1 li:hover .a1rt21 h2{border-top: 3px solid var(--Style, #0D776B);}

.ar1{  width:76%; height:auto; margin:0 auto; padding:50px 0px 70px 0px; margin-top:160px;background:#fff;box-sizing: border-box;border-top: 3px solid var(--Style, #0D776B);


  }
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:1.8; text-align:center; font-size:2rem; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:2; margin-top:10px; font-size:1.02rem;word-break: break-all;}
#info-C video{
	max-width:100%;margin:auto;display: flex;
  justify-content: center;
  align-items: center;
	}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:1rem;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}
.fh{ width: 172px;height:48px;background: var(--Style, linear-gradient(180deg, #0D776B -1.2%, #16BDA9 93.77%));
    box-shadow: 0px 60px 90px -75px rgba(0, 79, 60, 0.43);text-align:center; line-height:48px; margin-top:40px;border-radius: 48px;}
.fh a{ color:#fff;}
.fh:hover a{ text-decoration:underline; }

#nx_pg{width:100%;padding:5px 0px 0px 0px; text-align: center; margin-top:10px;  }
#nx_pg li{ display:inline-block;}
#nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; border:1px solid #e1d7e0; color:#9a9a9a;font-size:14px; margin:0px 3px 50px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#nx_pg a:hover{background: var(--Style, linear-gradient(180deg, #0D776B -1.2%, #16BDA9 93.77%));
    box-shadow: 0px 60px 90px -75px rgba(0, 79, 60, 0.43);border:1px solid #129AFD; color:#fff;}
#nx_pg .on{ background: var(--Style, linear-gradient(180deg, #0D776B -1.2%, #16BDA9 93.77%));
    box-shadow: 0px 60px 90px -75px rgba(0, 79, 60, 0.43);;border:1px solid #129AFD; color:#fff;}


.bj2{background: url(../images/a14.png) no-repeat center bottom; padding:40px 0 100px;}
.qyry{width: 76%; margin: 0 auto;}
.qyry_title{display: flex;justify-content : space-between;}
.qyry_title h2{font-weight: bold; font-size: 2.57rem;color: #333;}
.qyry_title ul{overflow: hidden;}
.qyry_title li{float: left; padding-left: 30px;}
.qyry_title a{display: block; font-size: 1rem;background: url(../images/a15.png);width: 216px; line-height: 66px; background-size: 100% 100%; color: #333;font-weight: bold;text-align: center;}
.qyry_nr{overflow: hidden; padding-top: 75px;}
.qyry_nr img{width: 100%;}
.qyry_nr1{overflow: hidden; padding-top: 75px;}
.qyry_nr1 img{width: 100%;}

.container {overflow: hidden; /* 隐藏超出容器的内容 */}
#scrollImage {width: 104%; /* 初始图片大小 */
    height: auto; /* 保持宽高比 */
   
    transition: width 0.8s ease; /* 添加过渡效果 */
}

#scrollImage1 {width: 109%; /* 初始图片大小 */
    height: auto; /* 保持宽高比 */
   
    transition: width 0.8s ease; /* 添加过渡效果 */
}
#scrollImage2 {width: 109%; /* 初始图片大小 */
    height: auto; /* 保持宽高比 */
   
    transition: width 0.8s ease; /* 添加过渡效果 */
}

#scrollImage3 {width: 109%; /* 初始图片大小 */
    height: auto; /* 保持宽高比 */
   
    transition: width 0.8s ease; /* 添加过渡效果 */
}



#scre3{ }
#scre31{ display:none;}




@media screen and  (max-width:1538px){


.bannerText { font-size: 2.4vw; color: #ffffff; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 76%; position: absolute;font-weight:600;line-height:1.5;}
.bannerText p{ font-size:32px;}
.bannerText span { color: rgb(67,234,192); margin-right: 2.6vw;}
.headRight { display: flex;}
.nav ul { gap: 60px; display: flex;}
.nav li {position: relative;}
.nav li dl { display: none; background: #ffffff; left: 0; position: absolute; top: 70px; width: 140px; left: 50%; transform: translateX(-50%); }
.nav li dl dt { text-align: center; font-size: 0.8rem; line-height:3;}
.nav li dl dt a { display: block; transition: all 0.3s; color: #333333;}
.nav li h2 { line-height: 70px; font-weight: bold;}
.nav li h2 a { font-size: 0.9rem; color: #ffffff;font-weight: bold;}
.lang { margin-left: 120px; position: relative;}
.lang::after { content: ''; position: absolute; left: -60px; width: 1px; height: 19px; background: #fff; top: 50%; transform: translateY(-50%);}
.header.moveHead .lang::after { background: #54DBB9;}
.lang span { cursor: pointer; font-weight: bold; color: #fff; font-size:0.9rem;}
.header.moveHead .lang span { color:#54DBB9;}
.lang dl { position: absolute; top: 70px;}
.nav li dl dt a:hover { background: #54DBB9; color: #ffffff;}
.nav li:hover h2 { background: url(../images/navon.png) center 50px no-repeat;}
.lang dl { display: none; background: #ffffff; left: 0; position: absolute; top: 70px; width: 140px; left: 50%; transform: translateX(-50%); }
.lang dl dt { text-align: center; font-size: 0.9rem; line-height:3;}
.lang dl dt a { display: block; transition: all 0.3s; color: #333333;}
.lang dl dt a:hover { background: #54DBB9; color: #ffffff;}
.logo { position: relative;}
.logo img { transition: all 0.3s; display: block;}
.logo img:nth-child(2) { position: absolute; left: 0; top: 0; opacity: 0;}
.container { width:76%; margin: 0 auto;}
.goods { padding: 100px 0; background-image: linear-gradient(to bottom,rgba(13, 119, 107, 1),rgba(22, 189, 169, 1));}
.goods ul { display: flex; justify-content: space-between;}
.goods li { display: flex; align-items: center; gap: 15px; font-size: 1.35rem; color: #ffffff;}
.goods li img { transition: all 0.5s; display: block;}
.goods li:hover img { transform: rotateY(360deg);}
.introduce { padding: 160px 0;}
.introductText { margin-bottom: 66px; gap: 170px; display: flex;justify-content: space-between;align-items: center;}
.introductText a { width: 200px; line-height: 60px; color: #ffffff; font-size:0.8rem; letter-spacing: 3px;background-image:linear-gradient(to bottom,rgba(13, 119, 107, 1),rgba(22, 189, 169, 1));
border-radius: 60px;  text-align: center;}
.introductText a i { transition: all 0.5s; display: inline-block; background: url(../images/arrow.png) center no-repeat; width: 12px; height: 24px; vertical-align: -6px; margin-left: 25px;}
.introductText a:hover i { margin-left: 35px;}
.introductText p { flex: 1; font-size: 1.35rem; color: rgba(51, 51, 51, 1); line-height: 50px;}
.choseList { border-radius: 20px; overflow: hidden;}
.choseList img,.choseList video { height: 100%; object-fit: cover; display: block; width: 100%;}
.choseList img { transition: all 5s; transform: scale(1.1);}
.choseList .swiper-slide-active { z-index: 2;}
.choseList .swiper-slide-active img { transform: scale(1);}
.choseSlide:hover img { transform: scale(1.1);}
.choseSlide { border-radius: 24px; overflow: hidden; height: 650px;}
.choseHd { margin-top: 60px;}
.choseHd ul { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px;}
.choseHd li { cursor: pointer; gap: 23px; height: 139px; flex: 1; justify-content: center; align-items: center; display: flex; background: url(../images/btnBg.png) center no-repeat; background-size: 100% 100%;}
.choseHd li i { display: block; position: relative;}
.choseHd li img { display: block;}
.choseHd li img:nth-child(1) { opacity: 0;}
.choseHd li img:nth-child(2) { position: absolute; left: 0; top: 0;}
.choseHd li p { font-size: 1.2rem; line-height: 1.5; color: rgba(51, 51, 51, 1);}
.choseHd li:hover {background-image: linear-gradient(to bottom,rgba(13, 119, 107, 1),rgba(22, 189, 169, 1)); border-radius: 22px;}
.choseHd li:hover p { color: #ffffff;}
.choseHd li:hover img:nth-child(1) { opacity: 1;}
.choseHd li:hover img:nth-child(2) { opacity: 0;}
.case { margin-bottom: 200px;}
.case h2 { font-size: 2.0rem; line-height: 1.5; margin-bottom: 60px; color: rgba(51, 51, 51, 1);}
.case ul { display: flex; gap: 20px; justify-content: space-between;}
.case li { transition: all 0.5s; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08); background: rgba(0, 0, 0, 0.08); padding: 50px 0 44px; text-align: center; flex: 1;}
.case li img { transition: all 0.5s; display: block; margin: 0 auto 30px;}
.case li p { color: rgba(51, 51, 51, 1); font-size: 1.30rem; line-height: 1.5;}
.case li:hover img { transform: scale(1.1);}
.case li:hover { transform: translateY(-10px);}
.gride { background: rgba(0, 27, 53, 1); padding: 160px 0 200px;}
.grideDesc { margin-bottom: 100px; display: flex; gap: 20px; justify-content: space-between; align-items: flex-end;}
.descText { flex: 1;}
.descText h2 { font-size: 2.0rem; line-height: 1.5; margin-bottom: 20px; color: #fff;}
.descText p { font-size: 1.35rem; color: #ffffff; line-height: 1;}
.grideDesc a { display: block; width: 200px; height: 60px; font-size:0.9rem; border-radius: 60px; background: rgba(67, 234, 192, 1); display: flex; justify-content:center;
align-items: center; gap: 25px; color: rgba(0, 0, 0, 1); font-size: 1.0rem;}
.grideDesc a i { background: url(../images/blackarrow.png) center no-repeat; display: block; width: 12px; height: 24px;}
.grideDetail { align-items: flex-end; display: flex; justify-content: space-between;}
.detailPic { width: 624px;}
.detailPic ul { width: 100%; gap:68px 122px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.detailPic li { width: 120px; text-align: center;}
.detailText li h2 { font-size: 4rem; line-height: 100px; color: rgba(67, 234, 192, 1);font-family:'Hybrid'; font-weight:400;}
.detailText li p { font-size: 1.1rem; color: #ffffff; line-height: 1.5;}
.detailText li { margin-bottom: 60px;}
.detailText li:last-child { margin-bottom: 0;}
.detailPic li p { font-size: 1.35rem; color: #ffffff; line-height: 1.5;}
.detailPic li img { display: block; width:130px; margin: 0 auto; transition: all 0.5s;}
.detailPic li:hover img {transform: scale(1.1);}
.footer { background: rgba(4, 16, 34, 1); padding: 80px 0 53px;}
.footerLink { margin: 31px 0 52px; color: #ffffff;font-size: 0.90rem; display: flex; gap: 100px; }
.footerLink a { transition: all 0.5s; color: #ffffff;font-size: 0.90rem;}
.footerLink a:hover { color:  rgba(67, 234, 192, 1);}
.copyRight { font-size: 0.75rem; line-height: 16px; color: rgba(255, 255, 255, 0.6);}
.copyRight a {transition: all 0.3s; color: rgba(255, 255, 255, 0.6);}
.copyRight a:hover { color: rgba(67, 234, 192, 1);}
.footerEwm p { font-size: 0.9rem; color: #ffffff; line-height: 18px; margin-top: 20px;}
.footerEwm img { display: block; margin: 0 auto;}
.footer .container { display: flex; justify-content: space-between;}
.menu { display: none;}


.ban1{ width:100%; height:auto; overflow:hidden; }
.ban1 img{ width:100%; display:block;transition: all 2s;}
.ban1:hover img { transform: scale(1.1);}
.cont1{ width:100%; height:355px; background:url(../images/a1.png) center no-repeat; color:#fff; overflow:hidden; }
.cont1 span{ font-weight:700;}
.cont1 h2{  max-width:76%; margin:90px auto; font-weight:400; font-size:1.4rem;}
.cont1 h3{ max-width:76%; margin:0 auto;font-weight:400;font-size:1.4rem;}
.cont2{  max-width:76%; padding:140px 0px; margin:0 auto;}
.bt{color: var(---333, #333);font-size: 34px;font-weight: 500; width:100%;font-size:2.0rem; text-align:center;}
.cnt2{ width:100%; padding:70px 0px; font-size:1.2rem; line-height:50px;}
.cnt21{ width:100%; height:auto; overflow:hidden;border-radius: 24px;}
.cnt21 img{ width:100%}

.cont3{ ; width:76%; margin:0 auto; margin-bottom:100px; margin-top:80px;}
.cont3 ul{ width:100%; height:auto; padding-top:70px;}
.cont3 ul li{ width:15%; float:left; margin-right:2%; padding:25px;box-sizing: border-box; text-align:center;transition: all 0.8s;}
.cont3 ul li:nth-child(6n){ margin-right:0px;} 
.cont3 ul li img{ width: auto; height:108px; display:block; margin:0  auto;}
.cont3 ul li .cnt3{ width:100%; height: 60px; line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.cont3 ul li .cnt3 h2{ width:100%; line-height:30px; font-size:1.0rem;  display:none; font-weight:500;transition: all 0.8s;}
.cont3 ul li:hover{ background:#F0F2F3;border-radius: 15px;}
.cont3 ul li:hover .cnt3 h2{ display:block;}
.page1{ width:100%; padding-top:90px; }
.page1 li{ width:48%; float:left;  margin-right:4%; overflow:hidden;border-radius: 16px;
border: 1px solid var(--Style, #0D776B);box-sizing: border-box;}
.page1 li:nth-child(2){ margin-right:0px;} 
.page1 img{ width:100%;}

.page2{ width:76%; margin:0 auto; margin-bottom:40px;}
.page2 ul{ margin-top:90px;}
.page2 li{ width:32%; float:left; margin-right:2%;border-top: 1px solid var(--Style, #0D776B);box-sizing: border-box;border-right: 3px solid var(--Style, #0D776B);border-bottom: 1px solid var(--Style, #0D776B);border-left: 1px solid var(--Style, #0D776B); margin-bottom:20px; height:204px; padding:35px 10px 35px 80px; overflow:hidden;box-shadow: 0px 60px 90px -75px rgba(0, 79, 60, 0.43);border-radius: 16px;}
.page2 li:nth-child(3n){ margin-right:0px;border-radius: 16px 200px 200px 16px;} 
.page2 li:nth-child(1){border-radius: 200px 16px 16px 200px;}
.page2 li:nth-child(2){border-top: 1px solid var(--Style, #0D776B);border-right: 1px solid var(--Style, #0D776B);border-bottom: 1px solid var(--Style, #0D776B);border-left: 1px solid var(--Style, #0D776B);}
.page2 li:nth-child(3){border-top: 1px solid var(--Style, #0D776B);border-right: 1px solid var(--Style, #0D776B);border-bottom: 1px solid var(--Style, #0D776B);border-left: 3px solid var(--Style, #0D776B);}
.page2 li:nth-child(4){border-radius: 200px 16px 16px 200px;border-top: 1px solid var(--Style, #0D776B);border-right: 3px solid var(--Style, #0D776B);border-bottom: 1px solid var(--Style, #0D776B);border-left: 1px solid var(--Style, #0D776B);box-shadow: 0px 60px 90px -75px rgba(0, 79, 60, 0.43);}
.page2 li:nth-child(5){border-top: 1px solid var(--Style, #0D776B);border-right: 1px solid var(--Style, #0D776B);border-bottom: 1px solid var(--Style, #0D776B);border-left: 1px solid var(--Style, #0D776B);}
.page2 li:nth-child(6){border-top: 1px solid var(--Style, #0D776B);border-right: 1px solid var(--Style, #0D776B);border-bottom: 1px solid var(--Style, #0D776B);border-left: 3px solid var(--Style, #0D776B);}
.page2 li .pg1{ width:100%; height:48px; background:url(../images/b1.png) center left no-repeat;background-size:auto 100%; line-height:48px;}
.page2 li:nth-child(2) .pg1{background:url(../images/b2.png) center left no-repeat; background-size:auto 100%; }
.page2 li:nth-child(3) .pg1{background:url(../images/b3.png) center left no-repeat; background-size:auto 100%;}
.page2 li:nth-child(4) .pg1{background:url(../images/b4.png) center left no-repeat; background-size:auto 100%;}
.page2 li:nth-child(5) .pg1{background:url(../images/b5.png) center left no-repeat; background-size:auto 100%;}
.page2 li:nth-child(6) .pg1{background:url(../images/b6.png) center left no-repeat; background-size:auto 100%;}
.page2 li .pg1 .pg1_1{ width:100%; line-height:48px; padding-left:59px;box-sizing: border-box;font-size: 1.1rem;font-weight: 700; }
.page2 li p{ width:85%; height:64px; line-height:32px;font-size:1rem; color:#666; margin-top:15px;}
.page2 li:hover{background: var(--Style, linear-gradient(180deg, #0D776B -1.2%, #16BDA9 93.77%));
    box-shadow: 0px 60px 90px -75px rgba(0, 79, 60, 0.43); color:#fff;}
.page2 li:hover p{ color:#fff;}
.page2 li:hover .pg1{background:url(../images/b7.png) center left no-repeat;}
.page2 li:nth-child(2):hover .pg1{background:url(../images/b8.png) center left no-repeat;background-size:auto 100%; }
.page2 li:nth-child(3):hover .pg1{background:url(../images/b9.png) center left no-repeat; background-size:auto 100%;}
.page2 li:nth-child(4):hover .pg1{background:url(../images/b10.png) center left no-repeat; background-size:auto 100%;}
.page2 li:nth-child(5):hover .pg1{background:url(../images/b11.png) center left no-repeat;background-size:auto 100%; }
.page2 li:nth-child(6):hover .pg1{background:url(../images/b12.png) center left no-repeat; background-size:auto 100%;}

.pag3{ width:100%; height:auto; padding-top:100px;background: #001B35;}
.pag31{ max-width:76%;  margin:0 auto; text-align:center;}
.pag31 img{ display: inline-block; max-width:100%;}
.arty1{ width:100%; height:auto; padding-bottom:70px;}
.a1rtile1{  width:76%; height:auto; margin:90px auto 20px auto;;}
.a1rtile1 ul{}
.a1rtile1 li{ width:100%; margin:0 auto;; height:350px; margin-bottom:40px;  transition:all 0.5s;box-sizing: border-box;}
.x1man1{ width:100%;  margin:0 auto;transition:all 0.8s; }
.a1rt11{ width:390px; height: auto; float:left;  overflow:hidden; position:relative;}
.a1rt11 img{width:390px; height: auto; display:block;cursor: pointer;transition: all 1.2s;}
.a1rt11 img:hover{transform: scale(1.1);}

.a1rt21{ height: auto;overflow: hidden;padding-left:40px;box-sizing: border-box; }
.a1rt21 h2{ width:100%; font-size:1.2rem; color:#333;transition:all 0.5s; height: auto; line-height:34px; height:74px; padding-top:40px; margin-bottom:10px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; border-top: 1px solid var(---Gray-5, #E0E0E0);box-sizing: border-box; }
.a1rt21 .a1rt_p1{ width:100%; height: 65px;; line-height:35px; margin-top:5px;transition:all 0.5s; color:#333 ;  font-size:1rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;
}
.a1rt21 .a1rt2_11{ width:96%; height:49px; line-height:49px; margin-top:5px; color:#333;}
.a1rt21 .a1rt2_11 b{  font-weight:400;font-size: 0.75rem; color:#666;}
.a1rtd{ width:135px; height:40px; border-radius: 50px;background: var(--Style, linear-gradient(180deg, #0D776B -1.2%, #16BDA9 93.77%));
    box-shadow: 0px 60px 90px -75px rgba(0, 79, 60, 0.43); color:#fff; text-align:center; line-height:40px; margin-top:40px; display:none;}
.a1rtile1 li:hover .a1rtd{ display: block;}
.a1rtile1 li:hover .a1rt21 h2{border-top: 3px solid var(--Style, #0D776B);}

.ar1{  width:76%; height:auto; margin:0 auto; padding:50px 0px 70px 0px; margin-top:160px;background:#fff;box-sizing: border-box;border-top: 3px solid var(--Style, #0D776B);


  }
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:1.8; text-align:center; font-size:1.4rem; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:0.99rem;word-break: break-all;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:1rem;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}
.fh{ width: 172px;height:48px;background: var(--Style, linear-gradient(180deg, #0D776B -1.2%, #16BDA9 93.77%));
    box-shadow: 0px 60px 90px -75px rgba(0, 79, 60, 0.43);text-align:center; line-height:48px; margin-top:40px;border-radius: 48px;}
.fh a{ color:#fff;}
.fh:hover a{ text-decoration:underline; }

#nx_pg{width:100%;padding:5px 0px 0px 0px; text-align: center; margin-top:10px;  }
#nx_pg li{ display:inline-block;}
#nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; border:1px solid #e1d7e0; color:#9a9a9a;font-size:14px; margin:0px 3px 50px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#nx_pg a:hover{background: var(--Style, linear-gradient(180deg, #0D776B -1.2%, #16BDA9 93.77%));
    box-shadow: 0px 60px 90px -75px rgba(0, 79, 60, 0.43);border:1px solid #129AFD; color:#fff;}
#nx_pg .on{ background: var(--Style, linear-gradient(180deg, #0D776B -1.2%, #16BDA9 93.77%));
    box-shadow: 0px 60px 90px -75px rgba(0, 79, 60, 0.43);;border:1px solid #129AFD; color:#fff;}


.bj2{background: url(../images/a14.png) no-repeat center bottom; padding:40px 0 100px;}
.qyry{width: 76%; margin: 0 auto;}
.qyry_title{display: flex;justify-content : space-between;}
.qyry_title h2{font-weight: bold; font-size: 2rem;color: #333;}
.qyry_title ul{overflow: hidden;}
.qyry_title li{float: left; padding-left: 30px;}
.qyry_title a{display: block; font-size: 1rem;background: url(../images/a15.png);width: 216px; line-height: 66px; background-size: 100% 100%; color: #333;font-weight: bold;text-align: center;}
.qyry_nr{overflow: hidden; padding-top: 75px;}
.qyry_nr img{width: 100%;}
.qyry_nr1{overflow: hidden; padding-top: 75px;}
.qyry_nr1 img{width: 100%;}














}

@media screen and  (max-width:1440px){
	.bannerText { width: 1200px;}
	.container { width: 1200px;}
	.headerCont { width: 1200px;}
	.header { padding: 20px 0;}
	.goods li { font-size: 1.2rem;}
	.goods li img { height: 50px;}
	.goods { padding: 80px 0;}
	.introduce { padding: 132px 0;}
	.introductText p { font-size: 1.2rem;}
	.choseSlide { height: 540px;}
	.choseHd li p { font-size: 1.2rem;}
	.choseHd li img { height: 38px;}
	.choseHd li { gap: 18px; height: 112px;}
	.case h2 { font-size: 32px; margin-bottom: 48px;}
	.case li img { height: 144px;}
	.case li p { font-size: 1.2rem;}
	.case { margin-bottom: 160px;}
	.descText p { font-size: 1.2rem;}
	.descText h2 { font-size: 1.8rem;}
	.grideDesc a,.introductText a { height: 48px; width: 160px; line-height: 48px; font-size: 0.8rem; gap: 20px;}
	.detailText li h2 { font-size: 3.9rem;}
	.detailPic { width: 580px;}
	.detailPic li img { height: 128px;}
	.detailPic li p { font-size: 1.2rem;}
	.detailPic ul { gap:50px;}
	.gride { padding: 124px 0 160px;}
	
	.a1rtile1{ width: 1200px;}
	.cont2{ width: 1200px;}
	.page2{ width: 96%;}
	.page2 li{padding: 35px 10px 35px 60px;}
	.cont1 h2{ width: 1200px;}
	.cont1 h3{ width: 1200px;}
	.qyry {width:92%;}
	.cont3{ width: 1200px;}
}

@media screen and  (max-width:1280px){
	.bannerText{ width: 92%;}
	.container { width: 92%;}
	.headerCont { width: 92%;}
	body { padding-top: 60px;}
	.header { box-shadow: 0 0 10px rgba(0,0,0,0.2); padding: 0; background: #ffffff;}
	.header .nav li h2 a { color: rgba(51, 51, 51, 1);}
	.header .logo img:nth-child(2) { opacity: 1;}
	.header .logo img:nth-child(1) { opacity: 0;}
	.nav { width: 160px; position: fixed; left: -100%; top: 60px; bottom: 0; background: #ffffff;}
	.lang { margin-left: 0; margin-right: 64px;}
	.lang::after { left:auto;right:-20px;background: #54DBB9;}

.lang span { cursor: pointer; font-weight: bold; color: #54DBB9; }
	



.nav ul { gap: 0; flex-direction: column;}
.nav li dl { position: static; width: 100%; transform: translate(0);}
.nav li h2 { line-height: 60px; text-indent: 40px;}
.nav li:hover h2,.nav li.cur h2 { background: url(../images/navon.png) 10px center no-repeat;}
.nav li { border-bottom: 1px solid #eee;}
.nav li dl dt { text-align: left; text-indent:50px;}
.nav li dl dt a { color: #666;}
.menu { display: block; position: absolute; right: 4%; width: 24px; height: 18px; top: 50%; margin-top: -9px; background: url(../images/menu.png) center no-repeat;}
.goods { padding: 20px 0;}
.goods ul { flex-wrap: wrap;}
.goods li { width: 50%; font-size: 0.9rem;}
.goods li img { height: 40px;}
.introduce { padding: 30px 0;}
.choseHd { margin-top: 20px;}
.case li { padding: 20px 0; width: calc(50% - 5px); flex: auto;}
.case li img { height: 60px; margin: 0 auto 10px;}
.case li p { font-size: 1rem;}
.case ul { gap: 10px; flex-wrap: wrap;}
.case h2 { font-size: 1.2rem; margin-bottom: 20px;}
.case { margin-bottom: 20px;}
.gride { padding: 30px 0;}
.grideDesc { margin-bottom: 20px; flex-direction: column; align-items: center;}
.detailPic li img { height: 60px; width:auto;}
.detailPic li p { font-size: 1rem;}
.descText h2 { font-size: 1.2rem;}
.descText p { font-size: 1.0rem; line-height: 2;}
.grideDetail { flex-direction: column; align-items:flex-start;}
.detailText li h2 { font-size: 1.2rem; line-height: 2;}
.detailText li p { font-size: 1rem; margin-bottom: 10px;}
.detailText li { margin-bottom: 10px;}
.detailPic { width: 100%;}
.detailPic ul { gap: 0;}
.detailPic li { width: 33.33%; margin-bottom: 10px;}
.footerLink { margin: 20px 0; gap: 20px;}
.footer { padding: 30px 0;}
.footerEwm { display: none;}
.introductText { margin-bottom: 20px; gap: 20px; flex-direction: column;}
.introductText p { font-size: 1rem; line-height: 1.5; text-align: justify;}
.choseSlide { height: auto;}
.choseHd ul { gap: 2%; overflow-x: auto;}
.choseHd li p { font-size: 0.9rem; white-space: nowrap;}
.choseHd li { border: 1px solid rgb(36,173,156); background: none; border-radius: 6px; margin-bottom: 10px; gap: 0; padding: 10px 0; width: 32%; box-sizing: border-box; height: auto;}

.cont1{ width:100%; height:328px; background:url(../images/a1.png) center no-repeat; background-size: auto 100% ; color:#fff; overflow:hidden; }
.cont1 span{ font-weight:700;}
.cont1 h2{ width:96%; max-width:1440px; margin:80px auto; font-weight:400; font-size:1.8rem;}
.cont1 h3{ width:96%; max-width:1440px; margin:0 auto;font-weight:400;font-size:1.8rem;}
.cont2{ width:96%; max-width:1440px; padding:100px 0px; margin:0 auto;}
.cont2 img{ max-width:100%;}
.bt{color: var(---333, #333);font-size: 1.8rem;font-weight: 500; width:100%; text-align:center;}
.cnt2{ width:100%; padding:50px 0px; font-size:1.2rem; line-height:40px;}
.cnt21{ width:100%; height:auto; overflow:hidden;border-radius: 24px;}
.cnt21 img{transition: all 0.5s;}
.cnt21:hover img {transform: scale(1.1);}
.cont3{ max-width:1440px; width:96%; margin:0 auto; margin-bottom:100px; margin-top:60px;}
.cont3 ul{ width:100%; height:auto; padding-top:60px;}
.cont3 ul li{ width:23.5%; float:left; margin-right:2%; padding:25px;box-sizing: border-box; text-align:center;transition: all 0.8s;}
.cont3 ul li:nth-child(4n){ margin-right:0px;} 
.cont3 ul li:nth-child(5n+1){ margin-right:2%;} 
.cont3 ul li img{width: auto; height:100px; display:block; margin:0  auto;}
.cont3 ul li .cnt3{ width:100%; height: 60px; line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.cont3 ul li .cnt3 h2{ width:100%; line-height:30px; font-size:1.1rem;  display:none; font-weight:500;transition: all 0.8s;}
.cont3 ul li:hover{ background:#F0F2F3;border-radius: 15px;}
.page1 li{ width:49%; float:left;  margin-right:2%;}
.pag3{ width:100%; height:auto; padding-top:80px;background: #001B35;}
.page2 ul{ margin-top:70px;}
.page2 li{  height:204px; padding:35px 10px 35px 40px;}

.page2 li .pg1{ width:100%; height:40px; background:url(../images/b1.png) center left no-repeat; line-height:40px; background-size:auto 100%;}
.page2 li .pg1 .pg1_1{ width:100%; line-height:40px; padding-left:50px;box-sizing: border-box;font-size: 1.4rem;font-weight: 700; }
.page2 li p{ width:85%; height:64px; line-height:32px;font-size: 1.28rem; color:#666; margin-top:15px;}







.arty1{ width:100%; height:auto; padding-bottom:50px;}
.a1rtile1{ max-width:1440px; width:96%; height:auto; margin:80px auto 15px auto;;}
.a1rtile1 ul{}
.a1rtile1 li{ width:100%; margin:0 auto;; height:350px; margin-bottom:30px;  transition:all 0.5s;box-sizing: border-box;}
.x1man1{ width:100%;  margin:0 auto;transition:all 0.8s; }
.a1rt11{ width:390px; height: auto; float:left;  overflow:hidden; position:relative;}
.a1rt11 img{width:390px; height: auto; display:block;cursor: pointer;transition: all 1.2s;}
.a1rt11 img:hover{transform: scale(1.1);}

.a1rt21{ height: auto;overflow: hidden;padding-left:40px;box-sizing: border-box; }
.a1rt21 h2{ width:100%; font-size:1.4rem; color:#333;transition:all 0.5s; height: auto; line-height:34px; height:74px; padding-top:40px; margin-bottom:10px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; border-top: 1px solid var(---Gray-5, #E0E0E0);box-sizing: border-box; }
.a1rt21 .a1rt_p1{ width:100%; height: 105px;; line-height:35px; margin-top:5px;transition:all 0.5s; color:#333 ;  font-size:1.2rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;
}
.a1rt21 .a1rt2_11{ width:96%; height:49px; line-height:49px; margin-top:5px; color:#333;}
.a1rt21 .a1rt2_11 b{  font-weight:400;font-size: 1rem; color:#666;}
.a1rtd{ width:135px; height:40px; border-radius: 50px;background: var(--Style, linear-gradient(180deg, #0D776B -1.2%, #16BDA9 93.77%));
    box-shadow: 0px 60px 90px -75px rgba(0, 79, 60, 0.43); color:#fff; text-align:center; line-height:40px; margin-top:40px; display:none;}
.a1rtile1 li:hover .a1rtd{ display: block;}
.a1rtile1 li:hover .a1rt21 h2{border-top: 3px solid var(--Style, #0D776B);}

.bj2{background: url(../images/a14.png) no-repeat center bottom; padding:20px 0 90px;}
.qyry_nr{overflow: hidden; padding-top: 45px;}
.qyry_nr img{width: 100%;}
.qyry_nr1{overflow: hidden; padding-top: 45px;}
.qyry_nr1 img{width: 100%;}


}

@media screen and  (max-width:1000px){
.cont1{ width:100%; height:288px; background:url(../images/a1.png) center no-repeat; background-size:auto 100%; color:#fff; overflow:hidden; }
.cont1 span{ font-weight:700;}
.cont1 h2{ width:96%; max-width:1440px; margin:50px auto; font-weight:400; font-size:1.8rem;}
.cont1 h3{ width:96%; max-width:1440px; margin:0 auto;font-weight:400;font-size:1.8rem;}
.cont2{ width:96%; max-width:1440px; padding:70px 0px; margin:0 auto;}
.cont3{ max-width:1440px; width:96%; margin:0 auto; margin-bottom:100px; margin-top:50px;}
.cont3 ul{ width:100%; height:auto; padding-top:40px;}
.cont3 ul li{ width:23.5%; float:left; margin-right:2%; padding:10px;box-sizing: border-box; text-align:center;transition: all 0.8s;}
.cont3 ul li:nth-child(4n){ margin-right:0px;} 
.cont3 ul li:nth-child(5n+1){ margin-right:2%;} 
.cont3 ul li img{ width:100%;}
.cont3 ul li .cnt3{ width:100%; height: 60px; line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.cont3 ul li .cnt3 h2{ width:100%; line-height:30px; font-size:1.1rem;  display:none; font-weight:500;transition: all 0.8s;}
.cont3 ul li:hover{ background:#F0F2F3;border-radius: 15px;}	
.page1{ width:100%; padding-top:60px; }
.page1 li{ width:49%; float:left;  margin-right:2%; overflow:hidden;border-radius: 10px;
border: 1px solid var(--Style, #0D776B);box-sizing: border-box;}
.page1 li:nth-child(2){ margin-right:0px;} 
.page1 img{ width:100%; transition: all 0.8s;}
.page1 li:hover img {transform: scale(1.09);}
.pag3{ width:100%; height:auto; padding-top:60px;background: #001B35;}
.page2 ul{ margin-top:60px;}
.page2 li{  height:204px; padding:35px 10px 35px 20px;}
.page2 li:nth-child(1){border-radius: 10px;}
.page2 li:nth-child(2){border-radius: 10px;}
.page2 li:nth-child(3){border-radius: 10px;}
.page2 li:nth-child(4){border-radius: 10px;}
.page2 li:nth-child(5){border-radius: 10px;}
.page2 li:nth-child(6){border-radius: 10px;}
.page2 li p{ width:96%;}
.arty1{ width:100%; height:auto; padding-bottom:60px;}
.a1rtile1{ max-width:1440px; width:96%; height:auto; margin:50px auto 0px auto;;}
.a1rtile1 ul{}
.a1rtile1 li{ width:100%; margin:0 auto;; height:110px; margin-bottom:20px;  transition:all 0.5s;box-sizing: border-box;}
.x1man1{ width:100%;  margin:0 auto;transition:all 0.8s; }
.a1rt11{ width:110px; height: auto; float:left;  overflow:hidden; position:relative;}
.a1rt11 img{width:110px; height: auto; display:block;cursor: pointer;transition: all 1.2s;}
.a1rt11 img:hover{transform: scale(1.1);}

.a1rt21{ height: auto;overflow: hidden;padding-left:8px;box-sizing: border-box; }
.a1rt21 h2{ width:100%; font-size:1rem; color:#333;transition:all 0.5s; height: auto; line-height:22px; height:30px; padding-top:8px; margin-bottom:0px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; border-top: 1px solid var(---Gray-5, #E0E0E0);box-sizing: border-box; }
.a1rt21 .a1rt_p1{ width:100%; height:30px; line-height:25px; margin-top:0px;transition:all 0.5s; color:#333 ;  font-size:0.8rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;
}
.a1rt21 .a1rt2_11{ width:96%; height:49px; line-height:49px; margin-top:5px; color:#333; display:none;}
.a1rt21 .a1rt2_11 b{  font-weight:400;font-size: 1rem; color:#666;}
.a1rtd{ width:135px; height:40px; border-radius: 50px;background: var(--Style, linear-gradient(180deg, #0D776B -1.2%, #16BDA9 93.77%));
    box-shadow: 0px 60px 90px -75px rgba(0, 79, 60, 0.43); color:#fff; text-align:center; line-height:40px; margin-top:40px; display:none;}
.a1rtile1 li:hover .a1rtd{ display: none;;}
.a1rtile1 li:hover .a1rt21 h2{border-top:1px solid var(--Style, #0D776B);}

.ar1{ max-width:1440px; width:96%; height:auto; margin:0 auto; padding:30px 0px 50px 0px; margin-top:70px;background:#fff;box-sizing: border-box;border-top: 3px solid var(--Style, #0D776B);}
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:26px; text-align:center; font-size:1.1rem; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:1rem;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:1rem;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}
.fh{ width: 172px;height:48px;background: var(--Style, linear-gradient(180deg, #0D776B -1.2%, #16BDA9 93.77%));
    box-shadow: 0px 60px 90px -75px rgba(0, 79, 60, 0.43);text-align:center; line-height:48px; margin-top:40px;border-radius: 48px;}
.fh a{ color:#fff;}
.fh:hover a{ text-decoration:underline; }





}
@media screen and  (max-width:750px){
.page2 li{ width:49%; margin-right:2%; border:1px solid var(--Style, #0D776B) ;}
.page2 li:nth-child(3){ border:1px solid var(--Style, #0D776B) ;}
.page2 li:nth-child(4){ border:1px solid var(--Style, #0D776B) ;}
.page2 li:nth-child(6){ border:1px solid var(--Style, #0D776B) ;}
.page2 li:nth-child(2n){ margin-right:0px;}
.page2 li:nth-child(2n+1){ margin-right:2%;}
.qyry_nr1{overflow: hidden; padding-top: 0px;}
}


@media screen and  (max-width:600px){
.cont1{ width:100%; height:148px; background:url(../images/a1.png) center no-repeat;background-size:auto 100%; color:#fff; overflow:hidden; }
.cont1 span{ font-weight:700;}
.cont1 h2{ width:96%; max-width:1440px; margin:40px auto 20px auto; font-weight:400; font-size:1rem;}
.cont1 h3{ width:96%; max-width:1440px; margin:0 auto;font-weight:400;font-size:1rem;}
.cont2{ width:96%; max-width:1440px; padding:40px 0px; margin:0 auto;}
.cont2 img{ max-width:100%;}
.bt{color: var(---333, #333);font-size: 1.1rem;font-weight: 600; width:100%; text-align:center;}
.cnt2{ width:100%; padding:25px 0px; font-size:1rem; line-height:30px;}
.cnt21{ width:100%; height:auto; overflow:hidden;border-radius:8px;}
.cnt21 img{transition: all 0.5s;}
.cnt21:hover img {transform: scale(1.1);}
.cont3{ max-width:1440px; width:96%; margin:0 auto; margin-bottom:100px; margin-top:40px;}
.cont3 ul{ width:100%; height:auto; padding-top:30px;}
.cont3 ul li{ width:49%; float:left; margin-right:2%; padding:10px;box-sizing: border-box; text-align:center;transition: all 0.8s;}
.cont3 ul li:nth-child(2n){ margin-right:0px;} 
.cont3 ul li:nth-child(5n+1){ margin-right:0;} 
.cont3 ul li img{ width: auto; height:85px; display:block; margin:0  auto;}
.cont3 ul li .cnt3{ width:100%; height: 50px; line-height:25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.cont3 ul li .cnt3 h2{ width:100%; line-height:25px; font-size:1rem;  display:none; font-weight:500;transition: all 0.8s;}
.cont3 ul li:hover{ background:#F0F2F3;border-radius: 15px;}	
.page1{ width:94%; padding-top:30px; margin:0 auto; }
.page1 li{ width:100%; float:left;  margin-right:0%; overflow:hidden;border-radius:6px;
border: 1px solid var(--Style, #0D776B);box-sizing: border-box; margin-bottom:28px;}
.page1 li:nth-child(2){ margin-right:0px;} 
.page1 img{ width:100%; transition: all 0.8s;}
.page1 li:hover img {transform: scale(1.09);}
.pag3{ width:100%; height:auto; padding-top:40px;background: #001B35;}
.page2 ul{ margin-top:40px;}

.page2 li{ width:100%;height:120px; padding:10px 25px 0px 25px;}

.page2 li .pg1{ width:100%; height:30px; background:url(../images/b1.png) center left no-repeat; line-height:35px; background-size:auto 100%;}
.page2 li .pg1 .pg1_1{ width:100%; line-height:30px; padding-left:48px;box-sizing: border-box;font-size: 1.00rem;font-weight: 700; }
.page2 li p{ width:100%; height:50px; line-height:25px;font-size: 0.9rem; color:#666; margin-top:10px;}





.qyry_nr{overflow: hidden; padding-top: 25px;}
.qyry_nr img{width: 100%;}
.qyry_nr1{overflow: hidden; padding-top: 0px;}
.qyry_nr1 img{width: 100%;}

.bannerText { font-size: 1.4rem;}
.bannerText p{ font-size:1.1rem;}
.pag31{ max-width:100%;}
#scre3{ display:none; }
#scre31{ display: block;}

}

@media screen and  (max-width:550px){



.ar1{ max-width:1440px; width:96%; height:auto; margin:0 auto; padding:10px 0px 50px 0px; margin-top:60px;background:#fff;box-sizing: border-box;border-top: 3px solid var(--Style, #0D776B);}
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:26px; text-align:center; font-size:1.1rem; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:1rem;word-break: break-all;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:1rem;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}
.fh{ width: 172px;height:48px;background: var(--Style, linear-gradient(180deg, #0D776B -1.2%, #16BDA9 93.77%));
    box-shadow: 0px 60px 90px -75px rgba(0, 79, 60, 0.43);text-align:center; line-height:48px; margin-top:40px;border-radius: 48px;}
.fh a{ color:#fff;}
.fh:hover a{ text-decoration:underline; }

.bj2{background: url(../images/a14.png) no-repeat center bottom; padding:0px 0 90px;}

}