body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:#555; font-size:12px;  line-height:1;font-weight: normal;letter-spacing:0; font-family: 微软雅黑,Arial;}
body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;}
img{display: block;width: 100%;}
a{ color:#333; text-decoration:none; font-size: 16px;}
ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;}

.pc-1200px{display: none;}
 

.sub{display: none;}
/* 箭头字体 */

@font-face {
	font-family: 'iconfont';  /* Project id 2839554 */
	src: url('//at.alicdn.com/t/font_2839554_ol5b6mrs56r.woff2?t=1642729251702') format('woff2'),
		 url('//at.alicdn.com/t/font_2839554_ol5b6mrs56r.woff?t=1642729251702') format('woff'),
		 url('//at.alicdn.com/t/font_2839554_ol5b6mrs56r.ttf?t=1642729251702') format('truetype');
  }
  .iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

@font-face {
  font-family: 'iconfont';
  src: url('/style/font/iconfont.ttf?t=1676449495528') format('truetype');
}




    /* phonenum */
 .phonenum {    position: fixed; right: 153px; top: 41px; z-index: 10;}
 .phonenum i {    font-size: 24px; color: #f6ab00; margin-right: 10px;animation: bounce-up-data-v-7e3caf58 1.5s linear infinite;}


 .drawer--right .drawer-nav>.drawer-menu>.drawer-menu li {display: none;}

.ul01{display: flex!important;}
.ul02{display: none!important;}

.ab09 .icenter  .bigger {display: none!important;}

.hty03 .content .fen2 {    position: absolute; bottom: 0px; width: 100%;}

 @keyframes bounce-up-data-v-7e3caf58
{
	10% {
		transform: rotate(20deg);
	}
	20% {
		transform: rotate(-10deg);
	}
	30% {
		transform: rotate(5deg);
	}
	40% {
		transform: rotate(-5deg);
	}
	50%, 100% {
		transform: rotate(0deg);
	}
}
@-webkit-keyframes myanimate
{
	10% {
		transform: rotate(20deg);
	}
	20% {
		transform: rotate(-10deg);
	}
	30% {
		transform: rotate(5deg);
	}
	40% {
		transform: rotate(-5deg);
	}
	50%, 100% {
		transform: rotate(0deg);
	}
}



.ab09 .biger {display: none;}


.contactbanner .main .top .dul {display: none;}




/* found */
.footer .bot .left {display: flex;align-items: center;}
.footer .bot .found1 {color: white; font-size: 20px;opacity: 0.8;}
.footer .bot .found1:hover {opacity: 1;}


.found {background: url("/style/img/nav.jpg");background-size: cover;height: 1700px;background-attachment: fixed;}


.found h4 {color: #f6ab00;;font-size: 50px;margin-bottom: 93px;opacity: .8;}
.found h4:hover {opacity: 1;}
.found h3 a {color: #fff;;font-size: 26px;font-weight: bold;}
.found h3 a:hover {opacity: 1;} 
.found .content{padding-top: 257px;}
.found ul li .min a {font-size: 20px;color: #ffffff;margin-right: 70px;opacity: 0.8;} 
.found ul li .min a:hover{opacity: 1;}
.found ul li .min {display: flex;}
.found ul li  {    margin-bottom: 72px; border-bottom: 1px solid #ffffff5c;padding-bottom: 20px;}
.found ul li:nth-of-type(1) {padding-bottom: 42px;}

.found ul li h3 {margin-bottom: 32px;}




/* fixed-sub */
.fixed-sub {  display: none; position: fixed;  right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: auto; z-index: 5; right: 100px;}
.fixed-sub ul  li {width: 100px;height: 100px;background-color: #1a9283;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 1px;}
.fixed-sub ul  li  a {font-size: 18px;color: #ffffff;}
.fixed-sub ul li p {font-size: 16px;color: #ffffff;margin-top: 9px;}
.fixed-sub ul li a  span img {width: 36px;margin: auto;transition: .3s;} 
.fixed-sub ul  li:nth-of-type(4){margin-bottom: 0px;}
.fixed-sub ul  li:nth-of-type(1)  {border-top-right-radius: 50%; border-top-left-radius: 50%;}
.fixed-sub ul  li:nth-of-type(4)  {border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;}
.fixed-sub ul  li:nth-of-type(1) .tel {     display: none; padding: 34px; color: #fff; font-size: 18px; position: absolute; background-color: #1f9d8d; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); left: -250px; text-align: center; top: 6px;}
.fixed-sub ul  li:nth-of-type(1) .tel i {    margin-right: -7px; font-size: 20px; color: #fff;}
.fixed-sub ul  li:nth-of-type(1) .tel h2::after {top: 7px; right: -38px; position: absolute;width: 8px;height: 8px;transform: rotate(45deg);background-color: #1f9d8d;content: "";box-shadow: 1px -1px 1px rgb(0 0 0 / 22%);}
.fixed-sub ul  li:nth-of-type(1) .tel h2 {  position: relative;font-size: 26px;color: #fff}
.fixed-sub ul  li:nth-of-type(2) .ewm {  display: none;  padding: 14px; position: absolute; background-color: #1a9283; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); left: -154px; top: -25px;} 
.fixed-sub ul  li:nth-of-type(2) .ewm img {    width: 111px;}
.fixed-sub ul  li:nth-of-type(2):hover .ewm {display: block;}
.fixed-sub ul  li:nth-of-type(2) span img {width: 80%;margin: 0 11px;}

.fixed-sub ul  li:nth-of-type(3) .ewm {  display: none;  padding: 14px; position: absolute; background-color: #1a9283; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); left: -154px; top: -25px;} 
.fixed-sub ul  li:nth-of-type(3) .ewm img {    width: 111px;}
.fixed-sub ul  li:nth-of-type(3) .ewm  p {font-size: 15px; color: #fff; margin-top: 6px; text-align: center;}
.fixed-sub ul  li:nth-of-type(3) .ewm p::after {position: absolute;width: 8px;height: 8px;transform: rotate(45deg);background-color: #1a9283;content: "";box-shadow: 0px 0px 5px rgba(0,0,0,0.3);    right: -4px; top: 76px;box-shadow: 1px -1px 1px rgb(0 0 0 / 22%);}
 
.fixed-sub ul  li:nth-of-type(1):hover .tel{display: block;}
.fixed-sub ul  li:nth-of-type(3):hover .ewm {display: block;} 
 
.fixed-sub ul  li:hover {background-color: rgb(31, 157, 141);}
 
.fixed-sub ul  li:hover span img {transform: scale(1.1);}
.fixed-sub ul  li:hover p { color: #ffffffd9;}



.phonenum span {    font-size: 28px; color: #f6ab00; font-weight: bold;}
 
/* map */

.mapbox { overflow: hidden;   position: fixed; width: calc(100%); top: 50%; left: 50%; transform: translate(-50%,-50%); height: 0px; z-index: 99999;}
 .closegg {position: absolute;right: 10px;top: 10px;width: 60px;height: 60px; background: rgb(31, 157, 141);border: none;outline: none;cursor: pointer;}
.closegg span{ width: 50%; height: 2px; background-color: transparent; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.closegg span::after{    content: ""; width: 100%; height: 2px; position: absolute; top: 0px; background-color: #ffffff; left: 0px; transform: rotate(-45deg);}
.closegg span::before{    content: ""; width: 100%; height: 2px; position: absolute; bottom: 0px; left: 0px; background-color: #ffffff; transform: rotate(45deg);}

.drawer-hamburger{ display: block; top: 0;width:100px;position: fixed; height:100px; padding: 0; background: rgb(31, 157, 141); z-index: 999; }
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{width: 50px; background: #fff; margin: 0 auto;}
.drawer-hamburger:hover{background: rgb(31, 157, 141);}
.drawer--right.drawer-open .drawer-hamburger{right:0;}
.drawer--right .drawer-nav{ right: -100%; height: 100%; z-index: 99; width: calc(100% - 100px);}
.drawer--right.drawer-open .drawer-nav{right:100px; padding: 0; background: rgb(255 255 255 / 0.98); }
.drawer-menu{ height:100%; overflow: hidden;}
.drawer-menu .logo{}
.drawer-menu .logo span{color: rgb(23 124 111);font-size: 20px;}
.drawer-menu dl{       padding-top: 34px; flex-flow: wrap; width: calc(100% - 100px); margin: 170px auto 0; overflow: hidden; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: top; -webkit-align-items: top;}
.drawer-menu dl dd{    width: 16.6%;}
.drawer-menu dl dd:nth-of-type(1) h3 {position: relative;}
.drawer-menu dl dd:nth-of-type(1) h3 .huo {  width: 30px;  position: absolute; top: -35px; left: -2px;}


.drawer-menu dl dd:last-child{width: 18.7%;}
.drawer-menu dl dd h3{ margin: 0 0 30px 0;display: block;border-bottom: 1px solid #ccc;width: 200px;padding: 0 0 10px 0;}
.drawer-menu dl dd h3 a{font-size: 30px; font-weight: bold;color: #666;}
.drawer-menu dl dd:last-child h3{ width:100%}
.drawer-menu dl dd h4{}
.drawer-menu dl dd h4 a{ display: block;font-size:20px;margin: 20px 0;color: #666;}
.drawer-menu dl dd .txt{}
.drawer-menu dl dd .txt .left{display: block;overflow: hidden;margin: 0 0 30px 0;}
.drawer-menu dl dd .txt .left strong{      margin: 0 20px 0 0;  display: block;overflow: hidden;float: left;}
.drawer-menu dl dd .txt .left strong img{ display: block;width: auto;height: 120px;border: 1px solid #ddd;}
.drawer-menu dl dd .txt .left strong span{display: block;text-align: center;font-size: 16px;font-weight: normal;color: #666;margin: 10px 0 0 0;}
.drawer-menu dl dd .txt p{ display: block;color: #666;font-size: 16px;}
.drawer-menu dl dd h4 a:hover{ color:rgb(31, 157, 141);}

.logo{ position: fixed;top: 50px;left: 50px;z-index: 9;}
.logo img{ width: auto;height: 50px;}
.logo span{color: #fff;font-size: 18px;margin: 10px 0 0 0;display: block;}


.starF{display: flex;width: 100%; height: 100%;overflow: hidden;}
.star-fl{width: calc(100% - 100px);display: flex;height: 100vh;}
.star-fl .s{width: 50%; display: block;overflow: hidden; float: left;position: relative;}
.star-fl .s .top {position: relative;transition: all .7s;overflow: hidden;  height:100%;}
.star-fl .s .top .title{ top: 25px; left: 30px; width: 150px; position: absolute;z-index: 1; }
.star-fl .s .top img{width: 100%; object-fit: cover;transition: all .5s;height: 100%;}
.star-fl .s:hover .top img{transform: scale(1.1);}
.star-fl .s .botf {background-color: rgb(71, 74, 85);transition: all .5s;padding: 0px 110px;display: block;position: relative;height: 24%;    position: absolute;width: 100%;bottom: 0;  display: flex; justify-content: space-between; align-items: center;box-sizing: border-box;}
.star-fl .s .botf .bot {display: flex;justify-content: space-between;align-items: center;position: relative;width: 100%;}
.star-fl .s .botf .bot h3 {font-size: 26px;position: absolute;opacity: 0;transform: translateY(0px);top: 0px;left: 0px;transition: all .5s;z-index: 99999;font-weight: normal;}

.star-fl .s .botf .bot h3 i{font-size: 46px;    font-family: "arial";}
.star-fl .s .botf .bot h4{font-size: 44px;margin-bottom: 16px;font-weight: 400; color: #fff; }
.star-fl .s .botf .bot .line{width: 100px;height:1px;background-color: white;margin-bottom: 16px;}
.star-fl .s .botf .bot  h5{font-size: 22px;font-weight: 400;font-family: "arial";    color: #fff;}

.star-fl .s .botf .bot .botl {width: 84%;} 
.star-fl .s .botf .bot .botr i { width: 60px; height: 60px; border-radius: 50%; border: 1px solid white; text-align: center; line-height: 60px; font-size: 36px; color: #fff; }   
.star-fl .s:hover .botf .bot .botr i{background-color: white; color:rgb(31, 157, 141);}
.star-fl .s:hover .botf{height:30%;  }
.star-fl .s:hover .bot .botl h3 {transform: translateY(-66px);opacity: 1;}
 
.star-fl .star-fl2{transition: all .7s;}
.star-fl .star-fl2 .botf {background-color: rgb(31, 157, 141);transition: all .5s;}
.star-fl .star-fl2 .botf .bot{transition: all .7s;}
.star-fl .star-fl2 .botf .bot .botr {background-color: rgb(31, 157, 141);transition: all .4s;}
 

.star-fr{width: 100px;margin:0 0 0 0;background: #eee; height: 100%; position: fixed; z-index: 2; top: 100px;right: 0; background: #eee;}
.star-fr .mid { display: flex; flex-direction: column; justify-content: center; background-color: rgb(71, 74, 85);     padding: 80px 28px;     height: calc(44% - 0px);}
.star-fr .mid .search {width: 40px;height: 40px;border-radius: 50%;    color: #fff; border: 1px solid rgba(255,255,255,0.35);text-align: center;line-height: 37px;display: block;    display: flex;flex-direction: column;justify-content: center;}

.star-fr .mid .search i{ color:#fff; }
.star-fr .mid a {display: block;margin-bottom: 12px;}
.star-fr .mid a:nth-of-type(4){margin-bottom: 0px;}
.star-fr .bot { display: flex; box-sizing: border-box; justify-content: center; align-items: center; height: 46%;}
.star-fr .bot h5 {width: 30%;color: rgb(210, 210, 210);word-wrap:break-word;}



.star-fr .mid  .social-share .icon-weibo { color: white; border-color:rgba(255,255,255,0.35); }
.star-fr .mid  .social-share .icon-wechat{color: white; border-color:rgba(255,255,255,0.35);  }
.star-fr .mid  .social-share .icon-qq{color: white; border-color:rgba(255,255,255,0.35); }
.star-fr .mid  .social-share .social-share-icon {width: 40px;height: 40px;line-height:40px;}
.star-fr .mid .social-share a {margin: 0;}
.star-fr .mid  .social-share .icon-wechat .wechat-qrcode {left: -130px;}
.star-fr .bot h5 { margin: 0 5px; font-size: 14px; writing-mode: tb; -webkit-writing-mode: vertical-lr; display: flex; display: -webkit-flex; -webkit-align-items: center; align-items: center; width: 22%;color: #999; font-weight: normal;}
.star-fr .bot .h h5:nth-child(1){top: -14px; position: relative;}

.star-fr .bot h5 .se ,.star-fr .bot h5 a{    color: #999; position: relative; left: -1px; top: 7px; font-size: 14px; }
 .star-fr .bot h5 a {top: 10px;}
.star-fr .bot h5 .se { top: 27px;opacity: 0.5;}

.star-fr .bot .h {display: flex;align-items: flex-start;justify-content: center;}

.star-fr .mid .social-share a:hover,.star-fr .mid .search:hover{ background:rgb(31, 157, 141); }


.img_2{display: none;}
 

/* 导航 */
.div1{height: 100px;position: absolute; top: 0px; width: 100%; z-index: 20;}


.logo { position: absolute; top: 8px; left: 50px; z-index: 9; }
.phonenum { position: absolute; right: 153px; top: 34px; z-index: 10;}


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

   	 		 .pc-1200px {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #333; z-index: 99999999999999999; display: block;}
       		 .pc-1200px p strong{display: block;color: #fff; text-align: center;font-size: 2em; letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;}
   	 		 .pc-1200px p span{display: block; text-align: center; color: #eee; letter-spacing: 1px;font-size: 16px;}
   	 		 .pc-1200px p {position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;}
}



/* ydF */

.ydF{width: calc(100% - 100px);overflow: hidden;}

/* qjF */
.qjF{width: calc(100% - 100px);overflow: hidden;}


.innerbanner img {width: calc(100%);object-fit: cover;height: 100vh;transition: 8s;}
.innerbanner .main{      position: absolute; left: 50%; transform: translateX(-50%); z-index: 5; bottom: 80px;}
.innerbanner:hover img {transform: scale(1.16);}
/* common */
.icenter {width: 1400px;margin: auto;}
.title h3{        font-size: 32px; font-family: Times New Roman; font-weight: 100; color: rgb(102,102,102); margin-bottom: 15px;}
.title h4{    font-size: 60px; color: rgb(31, 157, 141); font-weight: 650;}
.more {    transition: .3s; display: flex; align-items: center;}

.more span {font-family: Times New Roman; color: rgb(45, 162, 148); margin-right: 46px; position: relative; transition: .3s; line-height: 32px;}
.more .niu {    color: rgb(195, 229, 222); width: 32px; height: 32px; border-radius: 50%; line-height: 32px; text-align: center; border: 1px solid rgb(138 212 198); font-size: 20px; transition: .3s; position: relative; top: 0px;}
.more .niu .iconfont {   transition: .5s;  position: absolute; transform: rotate(-45deg); font-size: 31px; color: rgb(80, 179, 166); left: -15px;}
/* .more span::before{content: ""; position: absolute; width: 45px; height: 1px; background-color: rgb(31, 157, 141);     left: 111px; top: 8px;transition: .3s;top: 10px;}
.fa-angle-right:before {position: relative;left: 0px;transition: .3s;}
.more:hover .fa-angle-right:before{left: 8px;} */
.more:hover .niu .iconfont {left: -10px;}
.bao{overflow: hidden;    position: relative;}

/* innerbanner */
 .innerbanner{height: 100vh;background-size: cover;background-position: center;position: relative;overflow: hidden;    z-index: 3;}
.ydF .innerbanner::after {    content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); display: block; top: 0px; left: 0px; position: absolute; z-index: 0;}

 .innerbanner .main .top {  display: flex; justify-content: center; align-items: center;flex-direction: column;    margin-bottom: 176px;}
 .innerbanner .main .top h3{color: white; font-family: Times New Roman; font-size: 61px; font-weight: 100; margin-bottom: 26px;}
 .innerbanner .main .top h4{    font-size: 163px; margin-bottom: 20px; color: white; font-family: Times New Roman; font-weight: 300; margin-bottom: 37px;}
 .innerbanner .main .top h5{         font-size: 77px; position: relative; color: white;}
 .innerbanner .main .top h5::before{ content: ""; position: absolute; width: 61px; height: 1px; background-color: white; right: 111%; top: 50%;}
 .innerbanner .main .top h5::after{content: ""; position: absolute; width: 61px; height: 1px; background-color: white; left: 111%; top: 50%;}
 .innerbanner .main .bot {    margin: auto; padding: 0 136px;}
 .innerbanner .main .bot ul {display: flex; justify-content: space-between;     width: 100%;}
 .innerbanner .main .bot ul li {    font-size: 28px; position: relative; color: white; width: 25%; text-align: center; border-right: 1px solid #ddd;}
 .innerbanner .main .bot ul li:nth-of-type(4) { border-right: 0px;}
 


/* yd01 */
.yd01 {background: url("/style/img/yd01-bg.jpg");padding: 124px 0 95px;position: relative;background-size: cover;}
.yd01 .top h3 {    font-size: 38px; color: rgb(54,54,54); font-weight: 650; margin-bottom: 68px;line-height: 46px;}
.yd01 .bot {     width: 950px;   font-size: 38px; color: rgb(54,54,54); font-weight: 650; line-height: 46px; margin-bottom: 70px;position: absolute;    right: 206px;top: 284px;}
.yd01 .bot .box {     box-shadow: -1px 1px 12px 0px #b3aaaa47; width: 460px;     padding: 44px; background-color: white;  border-radius: 15px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.yd01 .bot .box .bao{ overflow: visible;}
.yd01 .bot .box:hover img {transform: scale(1.16);}
.yd01 .bot .box:hover h3 {color: rgb(31, 157, 141);    transition: .5s;}
.yd01 .bot .box img {     position: relative; left: -20px;   margin: auto;     width: 100%;transition: .5s;height: 210px;}
.yd01 .bot .box h3 {     font-size: 30px; margin-top: 20px; font-weight: 650; color: rgb(54,54,54);  text-align: center;     white-space: nowrap;}
.yd01Swiper {overflow: hidden; padding: 9px;}

.yd01-prev {     top: 75%!important; transition: .3s;  left: -118px!important; background-image: none!important;width: 36px!important;height: 36px!important;border: 1px solid rgb(132,132,132); text-align: center;border-radius: 50%;}
.yd01-next {    top: 75%!important; transition: .3s;  left: -70px!important;background-image:none!important;width: 36px!important;height: 36px!important;text-align: center;border: 1px solid rgb(132,132,132);border-radius: 50%;}
.yd01-prev .fa { transition: .3s;   font-size: 19px;    color: rgb(132,132,132); display: block; width: 33px; height: 36px; line-height: 36px;}
.yd01-next .fa {  transition: .3s;  font-size: 19px;     color: rgb(132,132,132);display: block; width: 36px; height: 36px; line-height: 36px;}  
.yd01-prev:hover  {background-color: rgb(31, 157, 141);border: 1px solid rgb(186, 186, 186);}
.yd01-next:hover  {background-color: rgb(31, 157, 141);border: 1px solid rgb(186, 186, 186);}
.yd01-prev:hover .fa {color: white;}
.yd01-next:hover .fa {color: white;}


/* yd02 */
.yd02 {padding: 266px 0 122px;position: relative;background-color: white;overflow: hidden;}
.yd02 .main {position: relative;}
.yd02 .main .right { width: 64%; }
.yd02 .main .left{width: 36%;}
.yd02 .main::before{    content: ""; position: absolute; left: -187px; top: -128px; background: url(/style/img/yd02-1.png); width: 379px; height: 376px; background-repeat: no-repeat;}
.yd02 .wen {       right: -407px; display: block; white-space: nowrap; font-family: Times New Roman; transform: rotate(90deg); font-size: 184px; font-weight: 600; letter-spacing: 10px; color: rgb(234,234,234); z-index: 0; position: absolute; top: 326px; }
.yd02  video{     outline: none;  position: relative;display: block;border-top-left-radius: 3em; border-bottom-right-radius: 3em;    width: 620.36px;}
.yd02 .video{  top: 0px; left: 0px;     height: 415.22px; display: block;border-top-left-radius: 3em; border-bottom-right-radius: 3em;    width: 620.36px;position: absolute;}
.yd02 .main .left .t .Start {     cursor: pointer;  content: ""; position: absolute; background: url(/style/img/yd02-3.png);     top: 50%; left: 57%; width: 70px; height: 70px; display: block; z-index: 2; background-size: 100%;}
.yd02 .main {display: flex;justify-content: center;align-items: center;}
.yd02 .main .left .t {margin-bottom: 98px;    width: 487px;position: relative;z-index: 8;}    
.yd02 .main .left .b .title{    margin-bottom: 41px;}
.yd02 .main .left .b h5 { width: 80%;   font-size: 16px; line-height: 30px; margin-bottom: 59px; color: rgb(54,54,54); }
.yd02 .main .right .t h3 {     font-size: 41px; font-weight: 650; line-height: 50px; color: rgb(54,54,54); margin-bottom: 59px; text-align: start; width: 470px; margin-right: 100px; position: relative;}
.yd02 .main .right .t h3::before{    content: ""; position: absolute; left: -128px; width: 96px; height: 1px;top: 24px; background-color: rgb(31, 157, 141);}
.yd02 .main .right .t {    display: flex; justify-content: flex-end;}
.yd02 .main .right .b{border-bottom-left-radius: 40px; overflow: hidden;border-top-right-radius: 40px;}
.yd02 .main .right .b img{transition: .5s;}
.yd02 .main .right .b:hover img {transform: scale(1.03);}


@-webkit-keyframes yd02 {
    0%   { -webkit-transform: translateY(-33.33%); }
    100% { -webkit-transform: translateY(-66.66%); }
}
@keyframes yd02 {
    0%   { transform: translateY(-33.33%); }
    100% { transform: translateY(-66.66%); }
}


/* yd03 */

.yd03 {background: url("/style/img/yd03-bg.jpg");padding: 104px 0 20px;overflow: hidden;background-size: cover;}




.yd03 .title {display: flex;justify-content: center;align-items: center;margin-bottom: 80px;flex-direction: column;}
.yd03 .bot {margin-bottom: 60px;     padding: 0 30px;}

.yd03 .bot .box {position: relative;display: block;}

.yd03 .bot .box .bao::after{position: absolute;width: 100%;height:100%;    content: "";  background-image: linear-gradient(#ffffff00, #000000e3);left: 0;top: 0px;}


.yd03 .bot .box .sp_1{  z-index: 2;    position: absolute;     bottom: 21px;left: 30px; color: white; font-size: 19px; font-weight: 100;}
.yd03 .bot .box .sp_1 strong {  font-weight: 100;  font-size: 46px;}
.yd03 .bot .box .imgbot {font-size: 32px; font-weight: 650; color: rgb(54,54,54);display: flex;margin-top: 20px;justify-content: space-between;}
.yd03 .bot .box .imgbot .sp_2{font-weight: 650;    font-size: 28px;}
.yd03 .bot .box .imgbot .fa {color: rgb(31, 157, 141); font-size: 24px; animation: mytwo 4s infinite; position: relative; top: 5px;    left: -54px;}
.yd03 .bot .box a { position: relative;    z-index: 1;}
.yd03 .bot .box img {transition: .5s;}
.yd03 .bot .box:hover img{ transform: scale(1.10);}
.yd03 .bot .box:hover  .sp_2 {color: rgb(31, 157, 141);}
@keyframes mytwo {
    0% {
        transform: translate(0px, 0px);opacity:0;
    }
    50% {
        transform: translate(50px, 0px);opacity:1;
    }
    100% {
        transform: translate(0px, 0px);opacity:0;
    }
}

.yd03 .more {text-align: center;margin-top: 98px;justify-content: center;}

.yd03Swiper .swiper-wrapper {align-items: center;    display: flex; justify-content: space-between;}



.yd03  .swiper-slide-next {right: -28px;}

.yd03  .swiper-slide-prev {left: -28px;}

 .yd03 .swiper-slide { transition: .5s!important; transform: scale(0.9)!important;}

.yd03 .swiper-slide-active { transform: scale(1.2)!important; } 

.yd03 .swiper-slide-next .box .sp_1{ display: none; }


.yd03 .swiper-slide-prev .box .sp_1{ display: none; }




/* yd04 */
.yd04 .t h3 {    font-size: 24px; color: white; margin-bottom: 14px;}
.yd04 .t h4 {    font-size: 39px; color: white; font-weight: 630; }
.yd04 {overflow: hidden;    padding: 196px 0 225px;}
.yd04 .main {    display: flex;     justify-content: center; align-items: center;    }
.yd04 .left {position: relative; margin-right: 138px;    width: 42%;z-index: 8;}
.yd04 .left img {     width: 588px;}
.yd04 .left .dis{position: absolute;right: 0px;   bottom: -31px;}
.yd04 .left a {width: 164px;height: 164px;background-color: rgb(31, 157, 141);display: flex;justify-content: center;align-items: center;    flex-direction: column;transition: .5s;}
.yd04 .left a:hover {background-color: #ffa300;}
.yd04 .left a:hover span {color: white;}
.yd04 .left a:hover .fa {border: 2px solid white;color: white;transition: .5s;}
.yd04 .fa-long-arrow-right:before { position: relative; transition: .5s; }
.yd04 .left a i{transition: .5s;}
.yd04 .left a .fa {transition: .5s;}
.yd04 .left a span {color: white;font-weight: 650;transition: .5s;}
.yd04 .right {    position: relative; width: 41%; margin-right: 164px;}
.yd04 .right::before{   background: url(/style/img/yd04-2.jpg); content: ""; position: absolute; width: 230%; left: -98%; top: -32%; height: 173%; z-index: -1;}
.yd04 .right .t {margin-bottom: 56px;}
.yd04 .right .b ul {display: flex;flex-flow: wrap;    justify-content: space-between;}
.yd04 .right .b ul li {     width: 42%; border-bottom: 1px solid rgb(160, 163, 170); display: flex; flex-direction: column; padding-bottom: 17px; margin-right: 6%; margin-bottom: 34px;}
.yd04 .right .b ul li .s_1{    font-size: 18px;color: white;}
.yd04 .right .b ul li .s_1 strong{    font-size: 46px; font-weight: bold; margin-right: 7px;}
.yd04 .right .b ul li .s_2 {    color: white; display: block; margin-top: 4px; font-size: 19px;}
.yd04 .right .b ul li:nth-of-type(3) {margin-bottom: 0px;}
.yd04 .right .b ul li:nth-of-type(2) {margin-right: 0px;}
.yd04 .right .b ul li:nth-of-type(4){margin-bottom: 0px;margin-right: 0px;}
.yd04 .dis a i{  position: relative; transition: .5s;    line-height: 29px; width: 32px; height: 32px; border: 2px solid white; text-align: center;  display: block; border-radius: 50%; font-size: 16px; margin-top: 10px;}
/* yd05 */
.yd05 {position: relative;  padding-bottom: 395px;overflow: hidden;}
.yd05 .main {position: absolute;    top: 46%;left: 50%;transform: translate(-50%,-50%);}
.yd05 .t-m {     padding: 300px;width: 100%; object-fit: cover;}
.yd05 .main img{width: auto;}
.yd05 .main .title h3 {color: white;}
.yd05 .main .title h4 {color: white;}
.yd05 .main .title  {     margin-bottom: 40px;}
.yd05 .main .bot {background-color: rgb(0, 74, 71);padding: 90px 60px;}
.yd05 .main .bot ul {display: flex;justify-content: center;align-items: center;}
.yd05 .main .bot ul li {display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 80px 25px;border: 3px solid white;margin-right: 8px;}
.yd05 .main .bot ul li:last-child{margin-right: 0px;}
.yd05 .main .bot ul li  .line {width: 128px;height: 1px;background-color: white;margin: 20px 0;}
.yd05 .main .bot ul li .t h3 {color: white;font-weight: 650;margin-top:20px ;font-size: 26px;    text-align: center;}
.yd05 .main .bot ul li .t img {    width: 58px;    margin: auto;transition: .5s;}
.yd05 .main .bot ul li:hover .t img {transform: rotateY(180deg);}
.yd05 .main .bot ul li .b p {color: white;font-size: 18px; line-height: 28px;    text-align: justify;}

.yd05 .t-m{background: url("/style/img/yd05.jpg");background-attachment: fixed;}








/* yd06 */
.yd06{background: url("/style/img/yd06-bg.jpg");padding: 128px  0 146px 0;overflow: hidden;    background-size: cover;}
.yd06 .top {display: flex;justify-content:space-between;align-items: center;margin-bottom: 117px;position: relative;z-index: 0;}
.yd06 .top::before{    content: ""; position: absolute; width: 114%; height: 134%; background-color: white; left: -200px; top: -33px; z-index: -1;border-bottom-right-radius: 7em;}
.yd06 .top .ri {display: flex;}
.yd06 .top .ri li {width: 30%; margin-right: 24px;}
.yd06 .top .ri li  img {    width: 100%; transition: .5s; height: 100%; object-fit: cover; display: block;}
.yd06 .top .ri li .bao {overflow: hidden; margin-bottom: 22px;}
.yd06 .top .ri li:hover img {transform: scale(1.16);} 
.yd06 .top .ri li h3 {    font-size: 22px; margin-bottom: 9px; color: rgb(54,54,54);}
.yd06 .top .ri li h4 {    font-size: 16px; font-weight: 100;    font-family: "arial";}

.yd06 .bot{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.yd06 .bot h3 {color: white;font-weight: 650;     font-size: 42px;margin-bottom:26px;}
.yd06 .bot p {color: white;line-height: 32px;font-size: 19px; text-align: center;}

/* yd07 */
.yd07{background: url("/style/img/yd07-bg.jpg");padding-top: 111px;position: relative;    background-size: cover; background-position: center;    overflow: hidden;overflow: hidden;}

.yd07 .huan {     width: 1053px; margin: auto; position: initial; transform: none;}

.yd07 .mid {position: relative;}
.yd07 .mid ul li {text-align: center;     line-height: 162px; position: absolute; width: 120px; height: 120px; background-color: rgb(31, 157, 141); border-radius: 50%;transition: .5s;}
.yd07 .mid ul li::before{content: ""; width: 110px; height: 110px; border: 1px dashed white; position: absolute; border-radius: 50%; left: 4%; top: 4%;}
.yd07 .mid ul li img {      width: 51px; display: inline-block;}
.yd07 .mid ul li h3 {      font-size: 21px; color: rgb(71, 74, 85);  position: absolute; bottom: 50px;  left: -79%; top: -26%;text-align: center;}
.yd07 .mid ul li:nth-of-type(1) {      top: 61%; left: 11.3%;}
.yd07 .mid ul li:nth-of-type(1) h3 {       top: -35%; left: -100%;}
.yd07 .mid ul li:nth-of-type(2) {       top: 9%; left: 23%;}
.yd07 .mid ul li:nth-of-type(2) h3 {   top: -32%; left: -7%; width: 107%;}

.yd07 .mid ul li:nth-of-type(3) {        top: -9%; left: 46.5%;}
.yd07 .mid ul li:nth-of-type(3) h3 {  top: -33%; left: -15%; width: 129%;}

.yd07 .mid ul li:nth-of-type(4) {      top: 8%; left: 68%;}
.yd07 .mid ul li:nth-of-type(4) h3 {      top: -36%; left: -29%; width: 176%;}

.yd07 .mid ul li:nth-of-type(5) { top: 64%; left: 81%;}
.yd07 .mid ul li:nth-of-type(5) h3 {    left: 39%; width: 186%; top: -31%;}

.yd07 .mid ul li:nth-of-type(6){ line-height: 30px!important; width: 297px; height: 395px; left: 51%; top: 71%; transform: translate(-50% ,-50%); background: url(/style/img/yd07-8.png); background-size: 100%; background-repeat: no-repeat;}
.yd07 .mid ul li:nth-of-type(6)::before{display: none;}
.yd07 .mid ul li .a_1 { color: white; font-size: 30px; font-weight: 650; display: block; position: absolute; top: 55px; left: 117px; display: flex; flex-direction: column;}
.yd07 .mid ul li .a_1 i {    margin-top: 9px; font-size: 23px; }
.yd07 .mid ul li .a_2 {        color: white; font-size: 30px; font-weight: 650; display: flex; flex-direction: column; position: absolute;     left: 45px; top: 183px;}
.yd07 .mid ul li .a_2 i {     margin-top: 9px; font-size: 23px; } 
.yd07 .mid ul li .a_3 {        color: white; font-size: 30px; font-weight: 650; display: flex; flex-direction: column; position: absolute;       left: 193px; top: 183px;}
.yd07 .mid ul li .a_3 i {      margin-top: 9px; font-size: 23px; }
.yd07 .mid ul li:nth-of-type(6) a:hover {color: #ffa300;}
.yd07 .mid ul li:nth-of-type(6) a i {position: relative;left: 0;transition: 1s;}
.yd07 .mid ul li:nth-of-type(6) a:hover i {left: 25px;color:#ffa300;}

.yd07 .mid ul li img {transition: .5s;}
.yd07 .mid ul li:hover {transform: scale(1.16);}
.yd07 .mid ul li:hover img {transform: scale(1.16);}

.yd07 .mid ul li:hover  {background-color:#ffa300}
.yd07 .mid ul li:hover h3 {color: #ffa300;}

.yd07 .mid ul li:nth-of-type(6):hover { transform: translate(-50% ,-50%)!important;background-color: transparent!important;}
.yd07 .mid ul li:nth-of-type(6):hover h3 {color: #555!important;}


 ul.numCount2  {display: flex;justify-content: space-between;align-items: center;}
 ul.numCount2  li {width: 25%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
 ul.numCount2  li h3 { font-weight: bold; font-size: 56px;  color: white; margin-bottom: 15px;font-family: arial;}
 ul.numCount2  li h3 span{font-size: 56px;     font-weight: bold; color: white; margin-bottom: 15px;}
ul.numCount2  li h4 {    font-size: 15px; color: white;}
.yd07 .bot .t{position: relative;    z-index: 0;padding: 65px 0 53px 0;}
.yd07 .bot .t::before{content: ""; position: absolute; width: 115%; height: 128%;left: 0px; top: 0px; background: url(/style/img/yd07-6.jpg); z-index: -1;    border-bottom-left-radius: 7em;}

.yd07 .bot .b {position: relative;}
.yd07 .bot .b::before{content: ""; position: absolute; width: 114%; height: 100%; left: 0px; top: 0px; background: url(/style/img/yd07-7.png);    border-bottom-left-radius: 7em; }
.yd07 .bot .b {text-align: center;    padding: 20px 0;color: white;    font-size: 18px;}


/* yd08 */
.yd08 {position: relative;padding: 140px 0 57px;}
.yd08 .main {display: flex;justify-content: space-between;align-items: center;position: relative;}
.yd08 h5 {     right: -150px; font-family: Times New Roman;  position: absolute; font-size: 184px;     font-weight: 100;letter-spacing: 10px;   color: rgb(50 53 53 / 4%);   top: 374px;   }
.yd08 .main .left { height: 250px; width: 60%; }
.yd08 .main .left .bao {height: 825px;}
.yd08 .main .left .bao img {object-fit: cover;width: 100%;height: 100%;}

.yd08 .main .right p {font-size:25px;    width: 360px; margin-right: 40px;line-height: 36px;}
.yd08 .main .right .title {margin-bottom: 45px;}


/* yd09 */
.yd09 {background: url("/style/img/yd09-bg.jpg");padding: 113px 0 140px;overflow: hidden;}
.yd09 .top {       margin-bottom: 200px;    padding: 0;}
.yd09 .top .box{    margin: auto;    width: 100%; box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;background-color: white;      padding: 80px 30px 80px 30px; border-radius: 20px;}
.yd09 .top .box .top {    display: flex; justify-content: space-between; align-items: center;     margin-bottom: 29px; width: 100%;}
.yd09 .top .box .top .le h3 {    font-size: 26px; color: rgb(31, 157, 141); margin-bottom: 12px; font-weight: 650;}
.yd09 .top .box .top .le h4 {    color: black; font-weight: 650; font-size: 16px;}
.yd09 .top .box .top .ri span {    font-size: 12px; position: relative; color: black;}
.yd09 .top .box .top .ri {    width: 85px;}
.yd09 .top .box .top .ri::before{position: absolute; width: 90px; height: 1px; background-color: rgb(230, 230, 230); content: "";}
.yd09 .top .box .top .ri::after{     content: ""; position: absolute; width: 75px; height: 1px; background-color: rgb(230, 230, 230);       top: 125px;}
.yd09 .top .box .top .ri .sp_1 strong {   font-weight: 100; font-size: 38px; color: rgb(31, 157, 141); position: relative; margin-right: 10px;}
.yd09 .top .box .top .ri .sp_1 {display: flex;justify-content: center;align-items: center;}
.yd09 .top .box .top .ri .sp_1 .sp_2 {     font-weight: 100; display: flex; flex-direction: column; padding-top: 5px;}
.yd09 .top .box .top .ri .sp_1 .sp_2 i {  font-weight: 100;   font-size: 12px; font-family: "arial"; color: black; margin-top: 5px;}
.yd09 .top .box .top .ri .sp_1 strong::after{    content: ""; width: 1px; height: 10px; position: absolute; top: 7px; left: 50px; background-color: rgb(230,230,230);}
.yd09 .top .box .bot {    width: 100%;}
.yd09 .top .box .bot p {    font-size: 17px; width: 100%; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.yd09 .top .box:hover {background-color: rgb(31, 157, 141);}
.yd09 .top .box:hover h3,.yd09 .top .box:hover h4,.yd09 .top .box:hover .bot p,.yd09 .top .box:hover .sp_1 strong,.yd09 .top .box:hover .sp_2,.yd09 .top .box:hover .sp_2 i{color: white!important;}
.yd09 .top .box:hover .left img {transform: scale(1.16);}





.partners ul {display: flex;justify-content: center;align-items: center;flex-flow: wrap;}
.partners ul li {    width: 19%; margin-right: 16px; margin-bottom: 16px;}
.partners ul li:nth-of-type(5n){margin-right: 0px;}
.partners ul li:nth-of-type(16),.partners ul li:nth-of-type(17),.partners  ul li:nth-of-type(18),.partners ul li:nth-of-type(19),.partners ul li:nth-of-type(20){margin-bottom: 0px;}

.partners ul li img {transition: .5s linear 0s;}

/* .partners ul li img:hover {transform: rotateY(180deg);} */


.yd09-prev {        top: 128%!important; transition: .3s; left: 76%!important; background-image: none!important; width: 36px!important; height: 36px!important; border: 1px solid black; line-height: 44px; text-align: center; border-radius: 50%;}
.yd09-next {       top: 128%!important; transition: .3s; left: 80%!important; background-image: none!important; width: 36px!important; height: 36px!important; line-height: 44px; text-align: center; border: 1px solid black; border-radius: 50%;}
.yd09-prev .fa { transition: .3s;   font-size: 25px; margin-right: 3px;color: black;}
.yd09-next .fa {  transition: .3s;  font-size: 25px; margin-right: -2px;color: black;}
.yd09-prev:hover  {background-color: rgb(31, 157, 141);border: 1px solid rgb(186, 186, 186);}
.yd09-next:hover  {background-color: rgb(31, 157, 141);border: 1px solid rgb(186, 186, 186);}
.yd09-prev:hover .fa {color: white;}
.yd09-next:hover .fa {color: white;}
.yd09Swiper {position: relative;overflow: hidden;    padding: 0 20px;}

.yd09 .top .box .left{    width: 24%;overflow: hidden;}
.yd09 .top .box .left img {transition: .5s; width: 122px; height: 145px; object-fit: cover;}


.yd09 .top .box .right {    width: 71%;}

/* yd10 */
.yd10 {padding: 110px 0 98px;background: url("/style/img/yd10-bg.jpg");overflow: hidden;    background-size: cover;width: calc(100% - 100px);}
.yd10 .main {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.yd10 .main h3 {    color: white; font-size: 37px; font-weight: 500; line-height: 45px;}
.yd10 .main a {    color: white; text-align: center; font-size: 18px; width: 207px; height: 47px;     border: 1px solid white; line-height: 47px; display: block; margin-top: 35px;position: relative;z-index: 0;}
.yd10 .main a::before{position: absolute;z-index: -1;content: "";width: 0%;height: 100%;transition: .5s;background-color: rgb(31, 157, 141);display: block;}
.yd10 .main a:hover::before{width: 100%;}
/* footer */
.footer {width: calc(100% - 100px);overflow: hidden;}
.footer .top {background-color: rgb(5, 12, 21);      padding: 75px 100px;display: flex;justify-content: space-between;}
.footer .top .left .t ul {display: flex;justify-content: space-between;    margin-bottom: 56px;}
.footer .top .left .t ul  li h3 {margin-bottom:20px;}
.footer .top .left .t ul  li h3 a {    font-size: 23px;color: white;font-weight: 650;}
.footer .top .left .t ul  li .min p a{color: rgba(255, 255, 255,.5);   font-size: 19px;position: relative;}

.footer .top .left .t ul  li .min p {margin-bottom: 10px;}
.footer .top .left{border-right: 1px solid rgb(48, 55, 63);padding-right:123px; width: 74%;}
.footer .top .left .b h3 {color: white;font-size: 30px;font-weight: 650;margin-bottom:28px ;}
.footer .top .left .b .pe {display: flex;justify-content: space-between;align-items: center;}
.footer .top .left .b .pe li h3 {color: rgb(165, 166, 167);margin-bottom: 8px;    font-size: 17px;    font-weight: 100;}
.footer .top .left .b .pe li h4 {color: rgb(165, 166, 167);font-size: 18px;}
.footer .top .right h3 {    color: white; font-size: 30px; font-weight: 650; margin-bottom: 30px;    position: relative;  left: -11px;}
.footer .top .right .code {display: flex;}
.footer .top .right .code .code_1,.footer .top .right .code .code_2 {text-align: center;position: relative;    margin-right: 34px;justify-content: space-between;}
.footer .top .right .code .code_1 span {font-size: 22px; color: rgb(150, 152, 153); display: block; text-align: center;}
.footer .top .right .code .code_2 span {font-size: 22px; color: rgb(150, 152, 153); display: block; text-align: center;}
.footer .top .right .code  img {width: 110px;display: inline-block;margin-top: 17px;margin-bottom: -19px;margin-left: 97px;margin-right: -17px;}
.footer .bot{background-color: rgb(71, 74, 85);       padding: 30px 100px;}
.footer .top .right .code .code_1::before,.footer .top .right .code .code_2::before{    content: "";width: 64%;height: 111%;border: 1px solid #ffffff75;position: absolute;top: 11px;left: 90px;}
.footer .top .right{ width: 18%;}
.footer .top .right span{font-size: 22px;color: rgb(150, 152, 153);display: block;text-align: center;}




.footer .bot{display: flex;align-items: center;position: relative;justify-content: space-between;}
.footer .bot span {color: white;    font-size: 20px; margin-right: 10px;}
.footer .bot .search {width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius: 50%;    border: 1px solid #ffffff7d;margin-right: 5px;display: block;}
.fa {color: white;}
.footer .bot .search  .fa {    width: 38px; height: 38px; line-height: 38px;}
.footer .bot .right {display: flex;justify-content: center;align-items: center;}
.footer .bot .search:hover {background-color: rgb(31, 157, 141);}
.footer .top .left .t ul li .min p a:hover  {color: white;}

.footer .totop { cursor: pointer; position: fixed;     right: 108px;bottom: 26px; width: 47px; height: 47px; display: flex; flex-direction: column; border: 3px solid rgb(47, 122, 118); text-align: center; justify-content: center; align-items: center;}
.footer .totop  i  {    color: rgb(32, 157, 141); font-size: 19px;}

.footer .totop  span {font-size: 14px; margin-right: 0px; color: rgb(32, 157, 141); font-weight: 800;}


















/*  */
/*  */
/*  */
/*  */




.bd-mask{width: 100%;height: 100%;position: fixed;top:0;left: 0;z-index: 9999;background-color: rgba(0,0,0,0.8);}
.offertc,.ordertc{display: none;}
.bd-mask .tcbox{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-image: url();display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;align-items: center;-webkit-align-items:center;}
.bd-mask .tcbox .contwarp{width: 1110px;height: auto;background-color: #fff;box-sizing: border-box;padding: 80px;position: relative;border-bottom-right-radius: 100px;}
.bd-mask .tcbox .contwarp::before{content: '';display: block;width: 1px;height: 100%;background-color: #ddd;position: absolute;top: 0;left: 50%;}
.bd-mask .tcbox .contwarp .cont{width: 100%;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.bd-mask .tcbox .contwarp .cont .left{width: 50%;box-sizing: border-box;padding-right: 100px;position: relative;}
.bd-mask .tcbox .contwarp .cont .left h3,.bd-mask .tcbox .contwarp .cont .right h3{font-size: 30px;color: #1a9283;margin-bottom: 30px;font-weight: bold;}
.bd-mask .tcbox .contwarp .cont .left form{width: 100%;display: block;}
.bd-mask .tcbox .contwarp .cont .left form input{display: block;width: 100%;height: 50px;background-color: #f5f5f5;box-sizing: border-box;padding: 0 15px;color: rgba(34,34,34,0.7);border-radius: 0;opacity: none;margin-bottom: 10px;border: none;font-size: 16px;outline: none;}
.bd-mask .tcbox .contwarp .cont .left form textarea{display: block;width: 100%;height: 110px;background-color: #f5f5f5;box-sizing: border-box;resize: none;border-radius: 0;opacity: none;margin-bottom: 10px;border: none;color: rgba(34,34,34,0.7);font-size: 16px;outline: none;}
.bd-mask .tcbox .contwarp .cont .left .last{font-size: 14px;color: #666666;margin-top: 20px;    opacity: 0.7;}
.bd-mask .tcbox .contwarp .cont .right{width: 50%;box-sizing: border-box;padding-left: 100px;}
.bd-mask .tcbox .contwarp .cont .right p{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;font-size: 20px;color: #333333;font-weight: bold;}
.bd-mask .tcbox .contwarp .cont .right p i{font-size: inherit;color: #1a9283;margin-right: 10px;margin-bottom: 20px;}
.bd-mask .tcbox .contwarp .cont .right h4{font-size: 16px;color: #333333;line-height: 28px;margin-bottom: 30px;}
.bd-mask .tcbox .contwarp .cont .right img{display: block;width: 45%;box-sizing: border-box;border: 2px solid #1a9283;}
.bd-mask .tcbox .contwarp .cont .left .tcbutn{display: block;width: 100px;height: 100px;background-color:#1a9283;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border: 3px solid #E75300;border-radius: 50%;animation: circl02_sub 3s linear infinite;position: absolute;right: -50px;top: 50%;margin-top: -50px;cursor: pointer;}
.bd-mask .tcbox .contwarp .cont .left .tcbutn p{width: 88px;height: 88px;background-color: #1a9283;border-radius: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 20px;color: #FFFFFF;line-height: 24px;}

@-webkit-keyframes circl02_sub {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(231,83,0, .5), 0 0 0 .5vw rgba(231,83,0, .6), 0 0 0 1vw rgba(231,83,0, .4);
		box-shadow: 0 0 0 0 rgba(231,83,0, .5), 0 0 0 .5vw rgba(231,83,0, .6), 0 0 0 1vw rgba(231,83,0, .4)
	}

	100% {
		-webkit-box-shadow: 0 0 0 .5vw rgba(231,83,0, .6), 0 0 0 1vw rgba(231,83,0, .4), 0 0 0 1.5vw rgba(231,83,0, 0);
		box-shadow: 0 0 0 .5vw rgba(231,83,0, .6), 0 0 0 1vw rgba(231,83,0, .4), 0 0 0 1.5vw rgba(231,83,0, 0)
	}
}

@keyframes circl02_sub {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(231,83,0, .5), 0 0 0 .5vw rgba(231,83,0, .6), 0 0 0 1vw rgba(231,83,0, .4);
		box-shadow: 0 0 0 0 rgba(231,83,0, .5), 0 0 0 .5vw rgba(231,83,0, .6), 0 0 0 1vw rgba(231,83,0, .4)
	}

	100% {
		-webkit-box-shadow: 0 0 0 .5vw rgba(231,83,0, .6), 0 0 0 1vw rgba(231,83,0, .4), 0 0 0 1.5vw rgba(231,83,0, 0);
		box-shadow: 0 0 0 .5vw rgba(231,83,0, .6), 0 0 0 1vw rgba(231,83,0, .4), 0 0 0 1.5vw rgba(231,83,0, 0)
	}
}


.bd-mask .tcbox .contwarp .cont .top,.bd-mask .tcbox .contwarp .cont .bot{font-size: 14px;color: #333333;display: inline-block;box-sizing: border-box;padding: 0 20px;background-color: #fff;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%);}
.bd-mask .tcbox .contwarp .cont .top{top: -7px;}
.bd-mask .tcbox .contwarp .cont .top span{color:#ffc000 ;}
.bd-mask .tcbox .contwarp .cont .bot{bottom: -7px;}
.bd-mask .tcbox .contwarp .cont form{width: 70%;margin:auto;margin-bottom: auto;box-sizing: border-box;}
.bd-mask .tcbox .contwarp .cont form .min{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 30px;}
.bd-mask .tcbox .contwarp .cont form .left{width: 49%;}
.bd-mask .tcbox .contwarp .cont form input{width: 100%;display: block;height: 40px;box-sizing: border-box;padding: 0 20px;font-size: 12px;color: #333333;border-radius: 4px;margin-bottom: 10px;border: 1px solid #DDDDDD;}

.bd-mask .tcbox .contwarp .cont form textarea{width: 49%;border: 1px solid #ddd;resize: none;display: block;font-size: 12px;color: #333333;border-radius: 4px;box-sizing: border-box;    padding: 16px 15px;}
.bd-mask .tcbox .contwarp .cont form h3{font-size: 24px;color: #333333;font-weight: bold;text-align: center;margin-bottom: 30px;}
.bd-mask .tcbox .contwarp .cont form h3 span{color: #ffc602;}

.bd-mask .tcbox .contwarp .cont form button{    border: 1px solid #017e78;  display: block; width: 100px; height: 38px;border-radius: 0; background-color: #1a9283; color: #fff; outline: none; border: none; cursor: pointer; position: relative; z-index: 0; line-height: 40px; box-sizing: content-box; border-radius: 30px;}
.bd-mask .tcbox .contwarp .cont form button::after{border-radius: 0;}
.bd-mask .tcbox .contwarp .close {position: absolute;right: -120px;top: -100px;transition: all .3s; pointer-events: painted;    width: 30px;}
.bd-mask .tcbox .contwarp .close:hover{transform: rotate(180deg);}
.bd-mask .tcbox .contwarp .cont form button:hover {color: #017e78;border: 1px solid #017e78;}
.bd-mask .tcbox .contwarp .cont form button::after { content: ''; display: block; width: 0%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; transition: all .3s; background-color: #FFFFFF; }
.bd-mask .tcbox .contwarp .cont form button:hover::after { width: 100%; }
.bd-mask input::-webkit-input-placeholder,.bd-mask textarea::-webkit-input-placeholder{color: rgba(34,34,34,0.7);font-size: 14px;}
.bd-mask input::-ms-input-placeholder,.bd-mask textarea::-ms-input-placeholder{color: rgba(34,34,34,0.7);}
.bd-mask textarea::-webkit-input-placeholder {font-size: 14px;}

/*  */
/*  */
/*  */
/*  */
/*  */














































/* common */
.dul h3{    font-size: 30px; font-weight: 600; font-family: Times New Roman; color: rgb(102, 102, 102); margin-bottom: 20px;}
.dul h4{    color: rgb(31, 157, 141); font-weight: 650; font-size: 61px;}
.bgwen{    font-size: 194px; font-family: Times New Roman;     color: #dddddd73;  position: absolute; letter-spacing: 15px;}

/* qj01 */
.qj01{padding: 140px 0 0 0;overflow: hidden;position: relative;}
.qj01 .top {display: flex;justify-content: space-between;margin-bottom: 54px;}
.qj01 .top .left {width: 30%;}
.qj01 .top .right{width: 60%;}
.qj01 .top .right p {font-size: 18px; color: rgb(109 104 104); line-height: 30px;  text-align: justify;letter-spacing: 1px;  margin-bottom: 65px;}
.qj01 .bot {display: flex;width: 87.3%;}
.qj01 .bot .left {position: relative;width: 67%;}
.qj01 .bgwen {       left: 0px; top: -212px; z-index: auto;z-index: auto;-webkit-animation: about-anim 15s linear infinite normal; animation: about-anim 15s linear infinite normal; white-space: nowrap;}
.qj01 .bot .left .bao{width: 100%;border-top-left-radius: 36px; border-bottom-right-radius: 36px;transition: .5s;}
.qj01 .bot .left .bao:hover img {    transform: scale(1.05);}
.qj01 .bot .left .bao img {    width: 100%;   border-top-left-radius: 36px; border-bottom-right-radius: 36px;transition: .5s;}
.qj01 .main {margin-bottom: 280px;}

.qj01 .bot .right {position: relative;width: 33%;}
.qj01 .bot .right video{position: relative;      width: 815px;height: 459px; left: -265px; top: -143px; border-top-right-radius: 36px; border-bottom-left-radius: 36px;}
.qj01 .bot .right .video1{ position: absolute;    width: 815px; height: 459px; top: -143px; left: -265px; border-top-right-radius: 36px; border-bottom-left-radius: 36px;    box-shadow: 1px 5px 20px #928f8f;}
.qj01 .bot .right .Start1{position: absolute;     top: 9%; left: 23%; width: 66px; height: 66px; cursor: pointer; }


@-webkit-keyframes about-anim {
    0%   { -webkit-transform: translateX(-48%); }
    100% { -webkit-transform: translateX(-60.66%); }
}
@keyframes about-anim {
    0%   { transform: translateX(-48%); }
    100% { transform: translateX(-60.66%); }
}









/* qj02 */
.qj02 {margin-top: 125px;position: relative;margin-bottom: 110px;}
.qj02 .box {  transition: .5s;  padding: 60px 47px; background-color: rgb(245, 245, 245); display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px;     }



.qj02 .box .left{width: 50%;}
.qj02 .box .left .t {margin-bottom: 10px;    margin-bottom: 36px;}
.qj02 .box .left .t h3 { font-size: 36px; color: rgb(51, 51, 51); font-weight: 650; margin-bottom: 17px;}
.qj02 .box .left .t h4 {font-size: 15px;}
.qj02 .box .left p {    font-size: 19px; color: rgb(78 69 69 / 81%); font-weight: 100; letter-spacing: 1px; line-height: 29px; margin-bottom: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.qj02 .box  .left .b span{  font-size: 20px; color: rgb(51, 51, 51);position: relative;}
.qj02 .box .left .b i {    transition: 0.3s; color: rgb(51, 51, 51); transform: rotate(-45deg); font-size: 24px; position: absolute; top: -3px; left: 88px; font-weight: 100;}
.qj02 .box  .left .b{position: relative; display: block;}
.qj02 .box img {  width: 230px;transition: .5s;filter: brightness(0.97);}

.qj02 .box .i_2 {display: none}
.qj02 .box:hover .left .t h3{color: rgb(31, 157, 141);}
.qj02 .box:hover {background-color: white;    box-shadow: 0 0 20px 1px #eae8e8;}
.qj02 .box:hover .left .b span::after{background-color: rgb(31, 157, 141);}
.qj02 .box:hover .left .b i {color: rgb(31, 157, 141);}
.qj02 .box:hover img {transform: scale(1.16);   filter: none;}
.qj02 .box:hover .left .b span {color: rgb(31, 157, 141);}

.qj02 .box:hover .left .b span::after  {transform: rotate(0deg)}
.qj02 .box:hover .left .b i  {transform: rotate(0deg)}




.qj02 .top .yi {position: absolute;    top: -278px; left: 979px;}
.qj02 .top {position: relative;}
.qj02 .bot {position: relative;}
.qj02Swiper {position: relative;  overflow: hidden; width: 1435px; padding: 14px 19px;left: -18px;}

.qj02Swiper  .qj02-pagination {width: 97%!important; height: 2px!important; left: 20px!important; top: 427px!important;}

.qj02Swiper  .qj02-pagination  .swiper-pagination-progressbar-fill { background: rgb(31, 157, 141)!important;}
.qj02Swiper  .swiper-pagination-progressbar {background-color: rgba(0, 0, 0, 0.1)!important;}


.qj02-prev {     outline: none; top: 44%!important; transition: .3s; left: -80px!important; background-image: none!important; width: 44px!important; height: 44px!important; border: 1px solid rgb(132,132,132); text-align: center; border-radius: 50%;}
.qj02-next {  outline: none;  top: 44%!important; transition: .3s;  right: -81px!important;background-image:none!important;width: 44px!important;height: 44px!important;text-align: center;border: 1px solid rgb(132,132,132);border-radius: 50%;}
.qj02-prev .fa {    transition: .3s; font-size: 29px; color: rgb(132,132,132); display: block; width: 39px; height: 42px; line-height: 42px; font-weight: 100;}
.qj02-next .fa {  transition: .3s;  font-size: 29px;     color: rgb(132,132,132);display: block; width: 44px; height: 42px; line-height: 42px;font-weight: 100;}  
.qj02-prev:hover  {background-color: rgb(31, 157, 141);border: 1px solid rgb(186, 186, 186);}
.qj02-next:hover  {background-color: rgb(31, 157, 141);border: 1px solid rgb(186, 186, 186);}
.qj02-prev:hover .fa {color: white;}
.qj02-next:hover .fa {color: white;}


/* qj03 */
.qj03{position: relative;overflow: hidden;    padding-bottom: 300px;}
.qj03 .top {      display: flex; flex-direction: column; align-items: center; margin-bottom: 50px;}
.qj03 .box {position: relative;}
.qj03 .box .mid {width: 86px; height: 86px; background-color: white; border-radius: 50%; position: relative; margin: auto; top: -86px;}
.qj03 .box .mid h3{position: absolute; left: 50%; top: 41%; transform: translate(-50%, -50%); font-size: 18px; font-weight: 650; color: rgb(51, 51, 51); font-family: "arial";}
.qj03 .box .mid i{    top: 49px; position: absolute; left: 38px; color: rgb(31, 157, 141); font-size: 14px;}
.qj03 .box .b {    display: flex; flex-direction: column; align-items: center; position: relative; left: 0px; top: -83px;}
.qj03 .box .b h4 {    font-size: 21px; color: #353030; margin-bottom: 15px;}
.qj03 .box .b a {    color: #272727;}
.qj03Swiper{overflow: hidden;width: 100%;    margin-bottom: 55px;}
.qj03Swiper .swiper-wrapper{display: flex;justify-content: space-between;}
.qj03Swiper .swiper-slide {width: 412px;}
.qj03 .read {z-index: 0;  position: relative;  width: 160px; height: 40px; background-color: rgb(37,151,141); display: block; text-align: center; line-height: 40px; color: white; font-size: 13px; margin: auto; }
.qj03 .bot {padding: 0 27px;}

.qj03 .box img{transition: .5s;height: 300px;object-fit: cover;}
.qj03 .read:hover {position: relative;}
.qj03 .read { top: -52px; }

.qj03 .box:hover img {transform: scale(1.16);}
.qj03 .box:hover .b  h4 {color: rgb(31, 157, 141);}
.qj03 .box:hover .b  a {color: rgb(31, 157, 141);}

.qj03 .read::after{left: 0px; position: absolute;width: 0%;height: 100%;background-color:#ffa300;transition: .5s;z-index: -1;content: "";}
.qj03 .read:hover::after{width: 100%;}


/* qj04 */
.qj04{ background: url("/style/img/qj04-bg.jpg");background-size: cover;padding-bottom: 0px; position: relative; margin-bottom: -21px;}

.qj04 .top {    background: url("/style/img/qj04-0.jpg"); background-size: cover; background-position: center; display: flex; justify-content: space-between; align-items: center; padding: 136px 113px; position: relative; top: -217px; }
.qj04 .top .left h3 {    color: white; font-size: 50px; letter-spacing: 2px;}
.qj04 .top .left h3 span {display: block; color: rgb(52, 189, 173); font-weight: 650; margin-top: 20px;}
.qj04 .top .left h4 { font-size: 28px;color: #FFEB3B;font-weight: 100;margin-top: 28px;}
.qj04 .top .right .phone {     display: flex; justify-content: center; align-items: center;color: white;     font-size: 27px;font-weight: 600; font-family: "arial"; width: 295px; height: 52px; border: 2px solid white; border-radius: 25px; padding: 12px 32px;}
.qj04 .top .right .acc {     overflow: hidden;   z-index: 0; position: relative;   color: white; width: 295px; height: 52px; background-color: rgb(52, 189, 173); display: block; text-align: center; line-height: 52px; border-radius: 25px; margin-top: 16px; font-size: 19px;}

.qj04 .top .right .phone  a {    color: #fff; font-weight: bold;}

.qj04 .top .right .phone a { color: #fff; font-size: 28px;  font-weight: bold; }
.qj04 .top .right .phone  i {    margin-right: 5px; }


.qj04 .top .right .acc::after{transition: .5s;width: 0%;height: 100%;left: 0px;background-color: #ffa300;content: "";position: absolute;z-index: -1;border-radius: 25px;}
.qj04 .top .right .acc:hover:after {width: 100%;}
.qj04 .bot {    position: relative; top: -152px;}


/* qj05 */
.qj05{background: url("/style/img/qj05-bg.jpg");    background-size: cover;    position: relative;z-index: 2;}
.qj05 .main {  display: flex; justify-content: space-between; padding: 100px 0; width: 91.3%;}
.qj05 .left {  width: 54%; position: relative; top: 70px;}
.qj05 .left .bao {  }
.qj05 .left .bao1 {  position: absolute; z-index: 1; width: 100%;}
.qj05 .left img {      transition: .5s; width: 100%;}
.qj05 .left .bao:hover img {transform: scale(1.05);}
.qj05 .left .bot {      width: 790px;  position: absolute; margin-top: 20px; color: rgb(50,50,50); font-size: 31px; font-weight: 650;     right: -876px; z-index: 1; bottom: 69px;}
.qj05 .left .bot::after{     content: ""; position: absolute; width: 144px; height: 4px; left: -176px; top: 14px; background-color: rgb(31, 157, 141);}






.qj05 .right {    width: 36%;}
.qj05 .right .top .t {margin-bottom: 54px;}
.qj05 .right .top .t h3{color: white; font-size: 30px; margin-bottom: 15px;}
.qj05 .right .top .t h4{      color: white; font-size: 50px;}



.qj05 .right .top .b ul {display: flex; flex-flow: wrap; width: 90%;}
.qj05 .right .top .b ul li {width: 50%;}
.qj05 .right .top .b ul li h3 {    margin-bottom: 10px;    color: white;}
.qj05 .right .top .b ul li h3 strong{    font-size: 47px; color: white; font-weight: bold;}
.qj05 .right .top .b ul li h3 span {    color: white; margin-left: 10px; font-size: 13px;}
.qj05 .right .top .b ul li h4 {color: white; font-size: 20px;}
.qj05 .right .top .b ul li:nth-of-type(1){padding-bottom: 37px; border-right: 1px solid rgb(78, 125, 123); border-bottom: 1px solid rgb(78, 125, 123); }
.qj05 .right .top .b ul li:nth-of-type(2){    padding-left: 43px;position: relative;}
.qj05 .right .top .b ul li:nth-of-type(2)::before{content: "";position: absolute;width: 10px;height: 10px;background-color:white ;       left: -4px; top: 110px;}
.qj05 .right .top .b ul li:nth-of-type(4){     padding-top: 37px; padding-left: 43px; border-top: 1px solid rgb(78, 125, 123); border-left: 1px solid rgb(78, 125, 123);}
.qj05 .right .top .b ul li:nth-of-type(3){padding-top: 37px;padding-right: 43px;}



/* qj06 */
.qj06{position: relative; background: url(/style/img/qj06-bg.jpg); background-size: cover; padding: 387px 0 120px 0;background-position: -64px 104px;background-repeat: no-repeat;}
.qj06 .qj06-0 {    position: absolute; right: 0px; z-index: 1; top: 289px;overflow: hidden;}
.qj06 .qj06-0 img {transition: .5s;}
.qj06 .qj06-0:hover img {    transform: scale(1.05);}
.qj06 .main .top .dul {    position: relative; margin-bottom: 42px;}
.qj06 .main .top .dul .bgwen{top: 50px; left: 12px;     color: #dddddd73;letter-spacing: 9px; font-size: 180px; font-weight: 600;}
.qj06 .bgen {top: 10px;left: 10px;}
.qj06 .main .top{    margin-bottom: 120px;}
.qj06 .main .top p {    font-size: 28px; font-weight: 950; color: rgb(51, 51, 51); letter-spacing: 1px; line-height: 40px; width: 832px; margin-bottom: 48px;    z-index: 1; position: relative;}
.qj06 .main .top h5 {    font-size: 20px; color: rgb(60 57 57);}
.qj06 .main .bot {    position: relative; z-index: 2;}
.qj06 .main .bot ul{    display: flex; flex-flow: wrap; justify-content: space-between;}
.qj06 .main .bot ul li{ -webkit-box-shadow: 0 0 30px #615b5b78; -moz-box-shadow: 0 0 30px #615b5b78;  box-shadow: 0 0 30px #615b5b78;  width: 32%; display: flex; flex-direction: column; padding: 50px 29px; background-color: white; margin-bottom: 27px;}



.qj06 .main .bot ul li .t {    margin-bottom: 45px; padding-left: 22px; border-left: 3px solid rgb(31, 157, 141);}
.qj06 .main .bot ul li .t h3 {    color: rgb(31, 157, 141); font-size: 27px; font-weight: 800; margin-bottom: 15px;}
.qj06 .main .bot ul li .t h4 {  font-size: 16px; line-height: 28px; width: 93%;}
.qj06 .main .bot ul li .b {padding-left: 22px;}
.qj06 .main .bot ul li .b  img{    width: 50px;}

.qj06 .main .bot ul li:hover  {background-color: rgb(31, 157, 141);}
.qj06 .main .bot ul li:hover .t{border-left: 3px solid white ;}
.qj06 .main .bot ul li:hover .t h3 {color: white;}
.qj06 .main .bot ul li:hover .t h4 {color: white;}
.qj06 .main .bot ul li:hover .b img {    filter: brightness(8.5);}
.qj06 .dul h4 {    position: relative; z-index: 1;}

/* qj07 */
.qj07{background: url(/style/img/qj07-bg.jpg); padding: 135px 0 140px 0; background-repeat: no-repeat;}
.qj07 .top {    position: relative; margin-bottom: 154px; display: flex; flex-direction: column; align-items: flex-end;}


.qj07 .top .dul h4{   font-size: 46px; font-weight: 600; line-height: 60px; margin-bottom: 43px; z-index: 1; position: relative;}
.qj07 .top p {    font-size: 18px;  color: rgb(50, 50, 50); line-height: 38px; margin-right: 0%;}
.qj07 .top .bgwen {    top: 16px; right: -331px;}
.qj07 .bot ul { display: flex; position: relative; z-index: 0; justify-content: space-between;justify-content: space-between; padding: 0 104px 0 78px;}
.qj07 .bot ul::before{      position: absolute; content: ""; width: 128%; height: 162%; background: url(/style/img/qj07-1.png); top: -41px; left: -196px; z-index: -1; background-size: 100%; background-position: -5px -2px;}
.qj07 .bot ul li {    width: 20%;}
.qj07 .bot ul li .t {    width: 114px; height: 114px; border-radius: 50%; border: 2px solid white; position: relative; text-align: center; line-height: 114px; display: flex; justify-content: center; align-items: center; margin: auto; }
.qj07 .bot ul li .t img {   transition: .5s; width: 58px; margin: auto;}
.qj07 .bot ul li h5 {       top: 126px; color: white; font-size: 20px; margin-top: 10px; text-align: center;}

.qj07 .bot ul li .t:hover img {transform: rotateY(180deg)}
.qj07 .dul {width: 48%;position: relative; left: 131px;}

/* qj08 */
.qj08{padding: 56px 0 66px 0; position: relative;}
.qj08 .main {display: flex; justify-content: space-between; align-items: center;}
.qj08 .left {position: relative;    width: 44%;}
.qj08 .left .dul h3 {    margin-bottom: 50px;}
.qj08 .left .dul h4{    line-height: 61px; font-size: 50px; letter-spacing: 3px; position: relative; z-index: 1;}
.qj08 .left .bgwen {    top: 28px; font-size: 263px; letter-spacing: 15px; left: 18px;}
.qj08 .left .line {width: 95px; height: 4px; background-color: rgb(153, 153, 153); margin: 50px 0 70px 0; z-index: 1; position: relative;}
.qj08 .left p {     width: 77%; font-size: 18px; line-height: 31px; color: #3e3b3b; letter-spacing: 1px; text-align: justify;}
.qj08 .right {width: 57%;}
.qj08 .right ul {    display: flex; flex-flow: wrap; justify-content: space-between;}
.qj08 .right ul li {     margin-bottom: 5px;  position: relative; width: 48%;}
.qj08 .right ul li .bao {border: 5px solid white;}
.qj08 .right ul li a {position: relative;    display: block;}
.qj08 .right ul li a .wen {    position: absolute;     z-index: 3;}
.qj08 .right ul li a .wen h3 {    color: white; font-size: 22px; margin-bottom: 10px;}
.qj08 .right ul li a .wen h4 {color: white; font-size: 19px;}
.qj08 .right ul li a::after{    position: absolute; content: ""; z-index: 0; background-image: linear-gradient(#ffffff00, #000000e3);}
.qj08 .right ul li img {width: 100%;transition: .5s;}
.qj08 .right ul li:nth-of-type(1) {padding-top: 35px;}

.qj08 .right ul li:nth-of-type(1) a .bao{     position: relative; left: 10px; width: 393px;}
.qj08 .right ul li:nth-of-type(2) a .bao{width: 394px;}
.qj08 .right ul li:nth-of-type(3) a .bao{       width: 389px; position: relative; left: 22px;}
.qj08 .right ul li:nth-of-type(4) a .bao{  width: 383px; left: 9px; position: relative;}
.qj08 .right ul li:nth-of-type(1) a .wen {  bottom: 19px; left: 31px; width: 137px;}
.qj08 .right ul li:nth-of-type(2) a .wen {bottom: 19px; left: 22px;}
.qj08 .right ul li:nth-of-type(3) a .wen {bottom: 19px; left: 46px;}
.qj08 .right ul li:nth-of-type(4) a .wen {     bottom: 24px; left: 37px;}
.qj08 .right ul li:nth-of-type(1) a::after{      top: 35px; left: 14px; width: 101%; height: 84.3%;}
.qj08 .right ul li:nth-of-type(2) a::after{     top: 0px; left: 5px; width: 101.3%; height: 98.4%;}
.qj08 .right ul li:nth-of-type(3) a::after{     top: 0px; left: 27px; width: 100%; height: 98.5%;}
.qj08 .right ul li:nth-of-type(4) a::after{      top: 5px; left: 12px; width: 99%; height: 96.5%;}
.qj08 .right ul li:hover .bao {border: 5px solid rgb(32, 157, 143);}
.qj08 .right ul li:hover img {transform: scale(1.16);}




/* qj09 */
.qj09 {    padding: 102px 0; background: url(/style/img/qj09-bg.jpg); background-size: cover; position: relative;}
.qj09 .top {    display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px;}
.qj09 .top .le {position: relative; width: 36.5%; border-right: 1px solid rgb(193, 194, 198);}
.qj09 .top .le img {width: 462px;}
.qj09 .top .le .case {position: absolute; top: 50%; left: 45%; transform: translate(-50%, -50%);}
.qj09 .top .le .case h3{    color: white; font-size: 32px; font-family: Times NEW ROMAN; margin-bottom: 14px; text-align: center;}
.qj09 .top .le .case h4{    color: white; font-size: 60px; font-weight: 800; width: 241px;}
.qj09 .top .ri {    width: 60%;}
.qj09 .top .ri a{    display: flex; justify-content: space-between; padding: 18.5px 30px; background-color: white; margin-bottom: 14px;}

.qj09 .top .ri .item:nth-of-type(5) a  {margin-bottom: 0px;}
.qj09 .top .ri a::after {    margin-bottom: 0px;}
.qj09 .top .ri a .l{display: flex; align-items: center; width: 100%;}
.qj09 .top .ri a .l h3{  margin-right: 2%; width: 9%;}

.qj09 .top .ri a .l h3 strong{    font-size: 21px; font-weight: 100; color: rgb(31, 157, 141);}
.qj09 .top .ri a .l h3 span{    font-size: 13px; margin-left: -5px;}
.qj09 .top .ri a .l p{      width: 80%;  font-size: 20px; font-weight: 950; color: rgb(74 72 84);    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1;    overflow: hidden;}
.qj09 .top .ri a .r .jia{   width: 44px; height: 44px; text-align: center; line-height: 44px; border: 1px solid rgb(73, 173, 161); display: block; border-radius: 50%; font-size: 32px; color: rgb(73, 173, 161);}
.qj09 .bot { border-bottom-right-radius: 60px;  background: url("/style/img/qj09-2.jpg");  position: relative; display: flex; justify-content: space-between; padding: 29px 38px;}
.qj09 .top .ri a .r .fa-angle-right:before {    position: relative; left: 0px; transition: .3s; display: block; width: 42px; height: 42px; line-height: 42px; text-align: center;}

.qj09 .bot .l {    position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between;}
.qj09 .bot .l img {width: 50px; margin-right: 23px;}
.qj09 .bot .l p {font-size: 30px; color: white; font-weight: 800; width: 261px; border-right: 1px solid white;}
.qj09 .bot .l span {    color: white; margin-left: 19px; font-size: 18px;}
.qj09 .bot .l .bgwen {    position: absolute; top: 117px;}
.qj09 .bot .r {   transition: 0.1s;  position: relative; z-index: 1; width: 51px; height: 51px;display: flex;justify-content: center;align-items: center;border-radius: 50%; background-color: rgb(37,157,141); }
.qj09 .bot .r .jia{     display: block; font-size: 43px; color: rgb(51, 53, 52); font-weight: 100; line-height: 29px; position: relative; top: -4px; left: 0.5px; }



.qj09 .top .ri a:hover {background-color: rgb(0, 72, 68);}
.qj09 .top .ri a:hover .l h3 strong,.qj09 .top .ri a:hover  .l h3 span,.qj09 .top .ri a:hover  .l p {color: white;}
.qj09 .top .ri a:hover .r .jia {border: 1px solid white;color: white;}

.qj09 .bot:hover .r {background-color: white;}









.qj09 .top .ri .min .item .info::after { left: 8px;}





/* qj10 */
.qj10 {     background: url(/style/img/qj10-bg.jpg); padding: 95px 0 203px 0; position: relative; background-size: 127%;}
.qj10 .main {display: flex; justify-content: space-between;}
.qj10 .main .left {width: 33%;}

.qj10 .main .left .dul h3 {color: rgb(51, 51, 51);}
.qj10 .main .left .dul h4 {    margin-bottom: 82px;}

.qj10 .main .right{    padding: 1px; width: 67%; position: relative;}

.qj10 .main .right ul li {    position: absolute; width: 111px; height: 111px; background-color: rgb(231, 231, 231); border-radius: 50%; cursor: pointer;transition: .5s;}

.qj10 .main .right ul li:hover {background-color: rgb(143, 206, 198);transform: scale(.9);}
.qj10 .main .right ul li:hover h5{background-color:rgb(67, 172, 158);color: white;}
.qj10 .main .right ul li:hover span {background-color: rgb(143, 206, 198);color: white;}

.qj10 .main .right ul li:nth-of-type(1) {     top: 232px; left: -55px;}
.qj10 .main .right ul li:nth-of-type(2) {    left: 36px; top: 16px;}
.qj10 .main .right ul li:nth-of-type(3) {   left: 234px; top: 113px;}
.qj10 .main .right ul li:nth-of-type(4) {left: 487px; top: 230px;}
.qj10 .main .right ul li:nth-of-type(5) {left: 577px; top: 4px;}
.qj10 .main .right ul li:nth-of-type(6) {    left: 760px; top: 194px;}

.qj10 .main .right ul li h5 { transition: .5s; font-size: 19px; color: rgb(51, 51, 51); font-weight: 850; letter-spacing: 1px; width: 162px; height: 39px; line-height: 39px; text-align: center; background-color: rgb(222, 222, 222); border-radius: 5px; position: relative; top: 37px; left: 3px;}
.qj10 .main .right ul li span { transition: .5s;    position: relative; top: -54px; left: 99px; width: 52px; height: 52px; border-radius: 50%; background-color: rgb(232, 232, 232); color: rgb(31, 157, 141); font-size: 16px; display: block; text-align: center; line-height: 52px; font-weight: 650;}








/* contactF */
.contactF {width: calc(100% - 100px);}

/* contactbanner */
.contactbanner .main .top h3 {font-size: 30px;color: #ffffff;    margin-bottom: 36px;}
.contactbanner .main .top h6 {font-size: 60px;color: #ffffff;line-height: 80px;text-align: center;    letter-spacing: 2px;}

.contactbanner .main .top {margin-bottom: 0px;}
.contactbanner .main {top: 50%;transform: translate(-50%,-50%);bottom: unset;}

.contactbanner .scroll {overflow: hidden; width: 31px;height: 37px;box-sizing: border-box;border: 2px solid #ffffff;display: flex;justify-content: center;align-items: center;border-radius: 5px;cursor: pointer;position: absolute;left: 50%;transform:translateX(-50%); bottom: 50px;}
.contactbanner .scroll .bit  {width: 5px;height: 5px;background-color: #ffffff;    position: relative; top: 0px;}



/* ctt01 */
.ctt01 {position: relative;overflow: hidden;}
.ctt01 .box { position: absolute; cursor: pointer; width: 204px; height: 120px; left: 50%; top: 50%; margin: -60px 0 0 -100px; z-index: 2; }
.ctt01 .box i { display: block; background: url("/style/img/ctt01-2.png") no-repeat; width: 43px; height: 56px;    margin: 0px auto 33px; animation: myanimate 0.5s infinite alternate; -webkit-animation: myanimate 0.5s infinite alternate; }
.ctt01 .box a {    display: block; border: 2px solid #fff;  text-align: center; font-size: 16px; color: #fff; border-radius: 5px;height: 42px;line-height: 38px;}
.ctt01 .box a span {margin-left: 22px;}
@keyframes myanimate
{
0% { transform:translateY(0) scale(1,1);}
100%{transform:translateY(15px)  scale(0.9,0.9);}
}
@-webkit-keyframes myanimate
{
0% { transform:translateY(0) scale(1,1);}
100%{transform:translateY(15px)  scale(0.9,0.9);}
}


/* ctt02 */
.ctt02 {position: relative;background: url("/style/img/ctt02-1.jpg");background-attachment: fixed;    padding: 115px 0 160px;background-size: cover;}
.ctt02 .content {display: flex;justify-content: space-between;margin: auto;}
.ctt02 .content .left {width: 60%;}

.ctt02 .content .left h3 {font-size: 50px;color: #1d836b;margin-bottom: 30px;    font-weight: bold; letter-spacing: 1px;    background: linear-gradient(to right, #f6ab00, #1f9d8d); -webkit-background-clip: text; -webkit-text-fill-color: transparent;    width: 416px;}
.ctt02 .content .left h4 {font-size: 24px;color: #222222;margin-bottom: 40px;}
.ctt02 .content .left h4 img {width: 120px;}
.ctt02 .content .left h4:hover span {color: #f6ab00;}


.ctt02 .content .left h4:nth-of-type(3){margin-bottom: 0px;}
.ctt02 .content .left h4  span{color: #666666;display: block;    margin-top: 18px;}
.ctt02 .content .left h4 span img {width:120px}
.ctt02 .content .right {padding: 1px;position: relative;}
.ctt02 .content .right .nei { position: absolute; background-color: #1f9d8d;    padding: 61px 40px;       left: -365px; top: -191px;}


.ctt02 .content .right h5 {    font-size: 30px; line-height: 42px; color: #ffffff; margin-bottom: 55px; width: 250px; text-align: center;}
.ctt02 .content .right .box {margin-bottom: 40px;} 
.ctt02 .content .right .box:nth-of-type(2){margin-bottom: 0px;}
.ctt02 .content .right .box img {    width: 120px; margin: auto;}
.ctt02 .content .right .box span {margin-top: 10px;display: block;font-size: 18px;color: #ffffff;    text-align: center;}

/* ctt03 */
.ctt03  {position: relative;overflow: hidden;display: flex;}
.ctt03 .left {width: 50%;position: relative;overflow: hidden;}
.ctt03  img {transition: 6s;}
.ctt03 .left:hover img{transform: scale(1.2);}
.ctt03 .right:hover img{transform: scale(1.2);}


.ctt03 .box {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);    width: 545px;}
.ctt03 .box h3 {font-size: 60px;;margin-bottom: 40px;color: #ffffff;}
.ctt03 .box h3 span{font-size: 40px;margin-left:28px;}
.ctt03 .box p{font-size: 20px;color: #ffffff;line-height: 40px;    height: 122px;}
.ctt03 .right {width: 50%;position: relative;overflow: hidden;}


/* ctt04 */
.ctt04 {padding: 88px 0 118px;position: relative;overflow: hidden;display: flex;justify-content: center;background: url("/style/img/ctt04-1.jpg"); flex-direction: column; align-items: center;  background-position: left top; background-repeat: repeat;}
.ctt04 .top {display: flex;justify-content: center;margin-bottom: 42px;}
.ctt04 .top .box{width: 140px;height: 140px;border-radius: 50%;text-align: center;line-height: 140px;font-size: 60px;color: #ffffff;}
.ctt04 .top .box1{    background: linear-gradient(136deg, #f6ab00, #1f9d8d);position: relative;left: 30px;transition: .5s;    z-index: 2;}

.ctt04 .top .box2{color: #333333;position: relative;transition: .5s;right: 0px;    background: linear-gradient(to top, #f6ab00, #1f9d8d);z-index: 0;}
.ctt04 .top .box2::after{     border-radius: 50%; content: ""; width: 95%; height: 95%; position: absolute; left: 4px; top: 4px; background-color: #ffffff; z-index: -1;}

.honor03 .top .box2 {color: #ffffff;}
.honor03  .top .box2::after{background-color: #1f313f;}
.ctt04 h3 {font-size: 50px;color: #333333;margin-bottom: 34px;}
.ctt04  p {font-size: 26px;line-height: 43px;color: #333;text-align: center;}


.ctt04  .top:hover .box1{left: 140px;}
.ctt04  .top:hover .box2{right: 110px;}
/* ctt05 */
.ctt05 {position: relative;background: url("/style/img/ctt05-1.jpg");background-attachment: fixed;padding: 140px 0;background-size: cover;}
.ctt05 .content  {padding: 0 22px;    display: flex; flex-direction: column; align-items: center; justify-content: center;}
.ctt05 .content h4 {font-size: 60px;margin-bottom: 73px;font-weight: 500;    color: #fff;letter-spacing: 5px;}
.ctt05 .content  ul {display: flex;margin-bottom: 110px;}
.ctt05 .content  ul li {margin-right: 145px;display: flex;align-items: center;justify-content: center;}
.ctt05 .content  ul li:nth-of-type(4){margin-right: 0px;}
.ctt05 .content  ul li .imgbox  {width: 77px;height: 77px;border: 2px solid #aea6a0;  border-radius: 50%;    display: flex; justify-content: center; align-items: center;}
.ctt05 .content  ul li .imgbox img {width: 46px;transition: .5s;}
.ctt05 .content ul li .imgbox:hover img {transform: rotateY(180deg);}
.ctt05 .content  ul li h3 {font-size: 30px;color: #ffffff;    letter-spacing: 4px;margin-left: 7px;}
.ctt05 .content  ul li h3  span {font-size: 18px; display: block; letter-spacing: 2px;margin-top: 3px;}
.ctt05 .content .bot {display: flex;}
.ctt05 .content .bot input { font-size: 16px; color: #ffffff; padding-left: 24px;   width: 312px; height: 43px; background-color: transparent; border: 1px solid #ffffff85; border-right: none; outline: none;}

.ctt05 .content .bot button { transition: .3s; background-color: #1f9d8d; width: 114px; line-height: 41px; text-align: center; font-size: 16px; color: #ffffff; border: none; outline: none; cursor: pointer; padding: 0px;}
input::-webkit-input-placeholder{color: #ffffff7a;font-size: 14px;}
.ctt05 .content .bot button:hover {background-color: #f6ab00;}

/* ctt06 */
.ctt06 {  position: relative;display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 146px 0 128px;background: url("/style/img/ctt06-1.jpg");   background-size: 101%;}
.ctt06 h3 {font-size: 60px;color: #333333;margin-bottom: 32px;}
.ctt06 h4 {padding: 20px 58px;font-size: 20px;color: #333333;margin-bottom: 52px;border: 1px solid #8e8f91;    border-radius: 5px;}
.ctt06 .bot {display: flex;position: relative; left: 13px;}
.ctt06 .bot .left {padding-right: 84px;margin-right: 84px;    border-right: 1px solid #c7c0c0;;}
.ctt06 .bot .left h5{font-size: 40px;color: #555555;line-height: 60px;}
.ctt06 .bot .right {display: flex;    align-items: center;}



.ctt06 .bot .right i{  animation: bounce-up-data-v-7e3caf58 1.5s linear infinite;  font-size: 78px; color: #f6ab00;}
.ctt06 .bot .right a{font-size: 40px;font-weight: bold;color: #f6ab00;padding-bottom: 24px;position: relative;    margin-left: 14px;}
.ctt06 .bot .right a::after {    position: absolute; width: 60px; height: 3px; background-color: #f6ab00; left: 0px; bottom: -1px; content: "";}



/* ctt07 */
.ctt07 {position: relative;overflow: hidden;background: url("/style/img/ctt07-1.jpg");background-size: cover;padding: 120px 0 105px;    background-size: cover;}

.ctt07 .content h3 {font-size: 50px;color: #ffffff;margin-bottom: 40px;    text-align: center;}
.ctt07 .content ul {display: flex;flex-flow: wrap;justify-content: space-between;}
.ctt07 .content ul  li {display: flex;width: 32%;    margin-bottom: 28px;}
.ctt07 .content ul  li i {color: #f6ab00;font-size: 39px;    margin-right: 7px;}
.ctt07 .content ul  li input { padding-left: 18px;  height: 42px; width: 100%; background-color: #ffffff1f; border: 1px solid #87a8a6; outline: none;    padding-top: 0px;color: #ffffff; font-size: 18px;}
.ctt07 .content ul  li input::-webkit-input-placeholder{font-size: 18px;}
textarea::-webkit-input-placeholder{font-size: 18px;color:#ffffff7a;}
.ctt07 .content ul  li:nth-of-type(4)  {width: 100%;    margin-bottom: 0px;}
.ctt07 .content .bot {display: flex;justify-content: space-between;    margin-top: 48px;}
.ctt07 .content .bot h4 {font-size: 24px;color: #ffffff;}
.ctt07 .content .bot p {margin: auto;}
.ctt07 .content .bot h4 span {font-size: 36px;color: #f6ab00;}
.ctt07 .content .bot a { overflow: hidden; z-index: 0; position: relative; width: 175px;height: 50px;background-color:#f6ab00 ;text-align: center;line-height: 50px;font-size: 18px;color: #ffffff;}
.ctt07 .content .bot a::after {content: "";width: 0%;height: 100%; transition: .3s;position: absolute;z-index: -1;left: 0px;background-color: #ffffff;}
.ctt07 .content .bot a:hover::after{width: 100%;}
.ctt07 .content .bot a:hover {color: #f6ab00;}
.ctt07 .content ul  li:nth-of-type(4) textarea{height: 120px;  color: #ffffff; font-size: 18px;  padding-left: 18px; width: 100%; background-color: #ffffff1f; border: 1px solid #87a8a6; outline: none;color: #ffffff;padding-top: 10px;}




/* honor01 */
.honor01 {position: relative;overflow: hidden;padding: 116px 0;}
.honor01 .content {display: flex;    justify-content: space-between;}
.honor01 .content  .left {    width: 45%;}
.honor01 .content  .left h3 {      width: 522px;   font-size: 50px;font-weight: bold;background: linear-gradient(to right,#f6ab00, #1f9d8d);-webkit-text-fill-color:transparent;margin-bottom: 38px; -webkit-background-clip: text;}
.honor01 .content  .left p {font-size: 20px;color: #666666;line-height: 34px;margin-bottom: 40px;}
.honor01 .content  .left h4 {     width: 471px; font-size: 30px;color: #333333;font-size: 30px;margin-bottom: 60px; line-height: 40px;}
.honor01 .content  .left a {font-size: 20px;color: #1f9d8d;font-family: Times New Roman;}
.honor01 .content  .left a i {  left: 0px;  font-size: 20px; color: #1f9d8d; margin-left: 8px;position: relative;transition: .5s;}
.honor01 .content  .left a:hover i{left: 15px;}
.honor01 .content  .right  {    position: relative;width: 30%;}
.honor01 .content  .right img {    position: absolute; width: auto; top: -30%; left: -39%; transition: .5s;}
.honor01 .content .right .bao {position: unset;}

/* honor02 */
.honor02 {background: url("/style/img/honor02-1.jpg");background-size: cover;padding-bottom: 100px;    background-attachment: fixed;}
.honor02 .content .top {    background-color: #1f9e8d; display: flex;    padding: 66px; margin-bottom: 90px; width: 748px;}
.honor02 .content .top h3 {font-size:120px;color: #ffffff;margin-right: 20px;    display: flex;}
.honor02 .content .top h3  strong {font-weight: bold;}
.honor02 .content .top h4 {font-size: 50px;line-height: 60px;color: #ffffff;}
.honor02 .content .honor02Swiper {overflow: hidden; padding: 0 96px; position: relative; }
.honor02 .content .honor02Swiper  .box {overflow: hidden;border: 10px solid #ffffff;}
.honor02 .content .honor02Swiper .box img {transition: .5s;}
.honor02 .content .honor02Swiper .box:hover img {transform: scale(1.1);}


.honor02 .content .honor02Swiper .box {border: 10px solid #ffffff;}

.honor02 .content h5 {    font-size: 26px; color: #333333; margin-top: 96px;text-align: center;}

.honor02 .content .honor02Swiper .honor02Swiper-next{background-image: none;color: #b5b5b5;font-size: 60px;right: 40px;outline: none;}
.honor02 .content .honor02Swiper .honor02Swiper-prev {background-image: none;color: #b5b5b5;font-size: 60px;outline: none;}


/* honor03 */
.honor03 {background: url("/style/img/honor03.jpg");background-size: cover;    padding: 120px 0;}
.honor03 h3 {color: #ffffff;}
.honor03 p {color: #ffffff80;}


/* honor04 */
.honor04 {background: url("/style/img/honor04.jpg");padding: 315px 0;background-size: cover; background-repeat: no-repeat;    background-position: center;    background-attachment: fixed;}

/* honor05 */
.honor05  {padding: 120px 0 ;background: url("/style/img/honor05.jpg");    background-attachment: fixed;background-size: cover;}
.honor05 .content h3 {font-size: 50px;color: #ffffff;margin-bottom: 46px;text-align: center;}
.honor05 .content p {font-size: 18px;line-height: 36px;margin-top: 50px;text-align: center;color: #ffffff;}

.honor05 .content .honor05Swiper {overflow: hidden; padding: 0 95px; position: relative; }

.honor05 .content .honor05Swiper .box {border: 40px solid #ffffff;overflow: hidden;}
.honor05 .content .honor05Swiper .box img {transition: .5s;}
.honor05 .content .honor05Swiper .box:hover img {transform: scale(1.1);}

.honor05 .content .honor05Swiper .honor05Swiper-next{background-image: none;color: #b5b5b5;font-size: 60px;right: 40px;outline: none;}
.honor05 .content .honor05Swiper .honor05Swiper-prev {background-image: none;color: #b5b5b5;font-size: 60px;outline: none;}

/* honor06 */
.honor06 {padding: 100px 0;}
.honor06 .top .box{  background: linear-gradient(136deg, #f6ab00, #1f9d8d);display: flex;align-items: center;justify-content: center;  overflow: hidden;  }
.honor06 .top .box img { width: 65px; transition: .5s;}
.honor06 .top .box:hover img {transform:rotateY(180deg);}

.honor06 .top {display: flex;flex-direction: column;margin-bottom: 28px;align-items: center;justify-content: center;}
.honor06 .top h3 {font-size: 24px;color: #333333;margin-top: 20px;margin-bottom: 0px;}
.honor06 h4 {font-size: 50px;color: #333333;margin-bottom: 20px;}
.honor06 p {font-size: 18px;line-height: 36px;color: #666666;}


/* honor07 */
.honor07{position: relative;overflow: hidden;}
.honor07 ul {display: flex;justify-content: center;}
.honor07 ul li {position: relative;    width: 33.4%;}
.honor07 ul li .text{ transition: .5s;    width: 389px;   position: absolute; left: 50%; transform: translateX(-50%) translateY(0px); bottom: -30px; display: flex; flex-direction: column; align-items: center;}
.honor07 ul li h3 {font-size: 36px;color: #ffffff;position: relative;padding: 0 10px;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;margin-bottom: 18px;    padding: 8px 0;}

.honor07 ul li h4 {font-size: 16px;color: #ffffff;margin-bottom: 72px;}
.honor07 ul li .bao::after{content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom,#000000,#000000); top: 0px; z-index: 0; opacity: 0.4;}
.honor07 ul li .a {font-size: 20px;color: #ffffff;opacity: 0;transition: .5s;}
.honor07 ul li .a span { transition: .5s;   font-size: 18px; margin-left: 2px; color: #ffffff; left: 0px;position: relative; z-index: 10;}
.honor07 ul li .line {background-color: #f6ab00;width: 0%;height: 10px;position: absolute;bottom: 0px;left: 0px;transition: .5s;}

.honor07 ul li:hover .line {width: 100%;}
.honor07 ul li:hover .text {transform:  translateX(-50%) translateY(-124px);}

.honor07 ul li:hover  .a {opacity: 1;}
.honor07 ul li  .a:hover span {left: 15px;color: #f6ab00;}
.honor07 ul li  .a:hover  {color: #f6ab00;}
.honor07 ul li:hover img {transform: scale(1.1);}
.honor07 ul li img {transition: .5s;    object-fit: cover;}

/* hty01 */
.hty01{background: url("/style/img/hty01.jpg");background-size: cover;display: flex;justify-content: center;padding: 556px 0 90px;background-attachment: fixed;}
.hty01  p {font-size: 30px;line-height: 50px;color: #ffffff;text-align: center;}
.hty01  p  strong {font-weight: bold;}

/* hty02 */
.hty02 {position: relative;padding: 150px 0 ;z-index: 5;}
.hty02 .content{background: url("/style/img/hty02.jpg");background-size: cover;padding: 140px;position: absolute;top: 0px;    left: 50%; transform: translateX(-50%);display: flex;justify-content: center;align-items: center;flex-direction: column;}
.hty02 .content h3 {font-size: 40px;margin-bottom: 28px;color: #333333;}
.hty02 .content h4 {font-size: 60px;font-weight: bold;    background: linear-gradient(to right, #f6ab00, #1f9d8d); -webkit-text-fill-color:transparent; -webkit-background-clip: text;}


.line-clip span { opacity: 1; position: relative; display: block;height: 0px;width: 2px;background-color: #1a836c;}
.hty02 .content h5 {font-size: 20px;line-height: 32px;color: #666666;text-align: center;}


.line-clip {height: 87px;width: 300px;display: flex;justify-content: center;overflow: hidden;margin: 10px 0; padding-top: 20px;}




/* hty03 */
.hty03 {background: url("/style/img/hty03-1.jpg"); overflow: hidden;}
.hty03 .content {position: relative;padding: 408px 0 257px;background-size: cover;}
.hty03 .content .box .top{margin-bottom: 60px;}
.hty03 .content .box .top h3 {font-size: 46px;color: #ffffff;margin-bottom: 16px;opacity: .5;font-weight: bold;font-family: "arial";}
.hty03 .content .box .top h4 {font-size: 20px;color: #ffffff;opacity: 0.5;    line-height: 30px; height: 18px;}
.hty03Swiper{overflow: hidden;}

.hty03 .content .hty03-button-prev:hover{background-color: #1a836c;color: #ffffff; opacity: 1;}
.hty03 .content .hty03-button-next:hover{background-color: #1a836c;color: #ffffff; opacity: 1;}

.hty03 .content .hty03-button-prev { background-image: none; width: 40px; height: 70px; font-size: 26px; line-height: 70px; color: #fff; border: 1px solid #eee; border-radius: 4px; left: -92px; opacity: 0.5; bottom: 0px; top: auto; bottom: 155px; text-align: center; }
.hty03 .content .hty03-button-next {    background-image: none; width: 40px; height: 70px; font-size: 26px; line-height: 70px; color: #fff; border: 1px solid #eee; border-radius: 4px; left: auto; opacity: 0.5; bottom: 0px; top: auto; bottom: 155px; text-align: center; right: -92px;} 
.hty03 .circle {     transition: .5s; position: absolute; width: 100%; height: 100%; background: url(/style/img/circle.png); background-size: 130%; top: 0; background-position: center;     opacity: .7;}
.hty03 .content .fen {position: absolute;bottom: 178px;width: 100%;}
.hty03 .content .fen::after {content: ""; position: absolute; bottom: 10px; width: 100%; background-color: #ffffff; height: 1px; opacity: .1;}

.hty03 .content .fen ul {width: 100%;padding: 0 10px;display: flex;justify-content: space-between;}
.hty03 .content .fen ul li {position: relative;}
.hty03 .content .fen ul li .bot { cursor: pointer;   width: 22px; height: 22px;background-color: #1f9d8d00;border-radius: 50%;}
.hty03 .content .fen ul li .bot.on {background-color: #1f9d8d82;position: relative;}
.hty03 .content .fen ul  li .bot .child {border-radius: 50%; position: absolute; width: 12px; height: 12px; background-color: white; top: 5px; left: 5px;}
.hty03 .content .fen ul  li .bot.on .child{background-color:#1f9d8d ;}
.hty03 .content .botline {    position: absolute; bottom: 10px; width: 10px; background-color: #ffffff; height: 1px;}

.hty03Swiper  .box .bao  {height: 217px;}
.hty03Swiper  .box .bao img {transition: all 1s;height: 0px;opacity: 0;    object-fit: cover;}
.hty03Swiper .swiper-slide-active .box .top h3{color: #1f9d8d;opacity: 1; font-weight: bold; font-family: "arial";}
.hty03Swiper .swiper-slide-active .box .top h4{opacity: 1; }
.hty03Swiper .swiper-slide-active .box  .bao img{height: 217px;opacity: 1;}
.hty03Swiper .swiper-slide-prev .box  .bao img{height: 0px;opacity: 0;}
.hty03Swiper .swiper-slide-next .box .bao img{height: 0px; opacity: 0;}

.hty03 .content .fen ul  li .bot .child .wen {    position: absolute; top: 30px; left: -17px; color: #ffffff; font-size: 16px; width: 58px;opacity: .5;}
.hty03 .content .fen ul  li .bot.on .child .wen {opacity: 1;}

/* hty04 */
.hty04 {background: url("/style/img/hty04-1.jpg");background-size: cover;position: relative;padding: 100px 0 150px;overflow: hidden;}
.hty04 .content {position: relative;}
.hty04 h5 {width: 508px; font-weight: bold; font-size: 50px;color: #333333;background: linear-gradient(to right, #f6ab00, #1f9d8d);-webkit-background-clip: text;    -webkit-text-fill-color: transparent;    margin-bottom: 40px;}
.hty04 h6{    font-size: 240px; color: #ffffff; position: absolute; transform: rotate(90deg); right: -471px; letter-spacing: 10px; top: 237px; font-family: Times New Roman; font-weight: 100;}
.hty04 .box {display: flex;   padding: 86px 0;position: relative;}
.hty04 .box::after {   z-index: -1; position: absolute; width: 85%; height: 100%; top: 0px; background-color: #ffffff; content: ""; right: 0;}
.hty04 .box .right h3 {font-size: 50px;color: #333333;margin-bottom: 30px;}
.hty04 .box .right h4 {font-size: 20px;line-height: 34px;color: #666666;}
.hty04Swiper {overflow: hidden; }
.hty04Swiper .hty04-button-prev{ z-index: 10;  outline: none;  z-index: 2; transition: .3s;  background-image: none; width: 58px; height: 58px; border-radius: 50%; background-color: #bfbfbf; color: #fafafa; display: flex; justify-content: center; align-items: center; font-size: 24px; bottom: 126px; top: auto; right: 627px; left: auto;}
.hty04Swiper .hty04-button-next{ outline: none; z-index: 1; transition: .3s;  background-image: none; width: 58px; height: 58px; border-radius: 50%; border: 3px solid #bfbfbf; color: #9C9699; display: flex; justify-content: center; align-items: center; font-size: 24px;bottom: 126px; top: auto; right: 586px; left: auto;}
.hty04Swiper .hty04-button-prev:hover,.hty04Swiper .hty04-button-next:hover{background-color: #1f9d8d;color: #ffffff;border: none;}
.hty04 .box .left .bao { border-radius: 20px; }
.hty04 .box .left{margin-right: 116px;}
.hty04 .box .right{width: 532px;    margin-top: 47px;}
.hty04 .box .left .bao img {transition: .5s;width: auto;}
.hty04 .box .left .bao img:hover {transform: scale(1.1);}

/* hty05 */
.hty05 {overflow: hidden;}
.hty05 ul{display: flex;flex-flow: wrap;}
.hty05 ul li {width: 25%;position: relative;cursor: pointer;overflow: hidden;}
.hty05 ul li:nth-of-type(2){width: 50%;}
.hty05 ul li .box {position: absolute;bottom: 36px;left: 36px;display: flex; align-items: flex-end;}   
.hty05 ul li .box h3 {font-size: 70px;color: #ffffff;margin-right: 30px;}

.hty05 ul li .box h4 {font-size: 22px;color: #ffffff;    line-height: 30px;    transform: translateX(113px); transition: .8s; opacity: 0;}

.hty05 ul li .bao {width: 100%;height: 100%;}
.hty05 ul li .bao img {width: 100%;height: 100%;    object-fit: cover;transition: .8s;}
.hty05 ul li:hover img {transform: scale(1.1);}
.hty05 ul li:hover .box h3 {  animation: doubleBounce 0.6s ease-in-out;}

.hty05 ul li:hover .box h4 {opacity: 1; transform: translateX(0px);}


@keyframes doubleBounce {
	0% {
		-webkit-transform:scale(1);
		transform:scale(1);
	}
	50% {
		-webkit-transform:scale(0.8);
		transform:scale(0.8);
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@-webkit-keyframes doubleBounce {
	0% {
		-webkit-transform:scale(1);
		transform:scale(1);
	}
	50% {
		-webkit-transform:scale(0.8);
		transform:scale(0.8);
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@-ms-keyframes doubleBounce {
	0% {
		-webkit-transform:scale(1);
		transform:scale(1);
	}
	50% {
		-webkit-transform:scale(0.8);
		transform:scale(0.8);
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@-moz-keyframes doubleBounce {
	0% {
		-webkit-transform:scale(1);
		transform:scale(1);
	}
	50% {
		-webkit-transform:scale(0.8);
		transform:scale(0.8);
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@-o-keyframes doubleBounce {
	0% {
		-webkit-transform:scale(1);
		transform:scale(1);
	}
	50% {
		-webkit-transform:scale(0.8);
		transform:scale(0.8);
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}




/* hty06 */
.hty06{background: url("/style/img/ctt04-1.jpg");background-repeat: repeat;}
.hty06 h3 {color: #171c28;}
.hty06 p {font-size: 18px;color: #666666;line-height: 30px;}


/* hty07 */
.hty07 {background: url("/style/img/hty07-1.jpg");background-size: cover;padding: 150px 0;    background-attachment: fixed;}
.hty07 .content ul {display: flex;justify-content: space-between;}
.hty07 .content ul li {width: 31%;}
.hty07 .content ul li .bot  {margin-top: 28px;}
.hty07 .content ul li .bot h3 {font-size: 30px;margin-bottom: 20px;color: #ffffff;}
.hty07 .content ul li .bot p {color: #ffffff;font-size: 16px;line-height: 30px;}
.hty07 .content ul li img {transition: .5s;}
.hty07 .content ul li img:hover {transform: scale(1.1);}




/* abbanner */
.abbanner .main .top {margin-bottom: 114px;}
.abbanner .main .top h3{font-size: 50px;color: #ffffff;margin-bottom: 33px;letter-spacing: 3px;}
.abbanner .main .top h6{font-size: 30px;color: #ffffff;    line-height: 39px;}
.abbanner ul{display: flex;}

.abbanner ul li {width: 28%;text-align: center;}
.abbanner ul li:nth-of-type(1){padding-right: 110px;}

.abbanner ul li:nth-of-type(2){width: 44%;position: relative;}

.abbanner ul li:nth-of-type(2)::after{position: absolute;height: 138px;width: 1px;top: 0px;right: 10px;background-color:#9b9ca2 ;content: "";}
.abbanner ul li:nth-of-type(2)::before{position: absolute;height: 138px;width: 1px;top: 0px;left: 10px;background-color:#9b9ca2 ;content: "";}

.abbanner ul li:nth-of-type(3){border: none;padding-left: 100px;}
.abbanner ul li h3 {font-size: 110px;color:#ffffff;    font-family: "arial";} 
.abbanner ul li sup {font-size: 60px;color: #ffffff;}
.abbanner ul li h4 {font-size: 20px;color: #ffffff;margin: 23px 0;}
.abbanner ul li h5 {font-size: 16px;color: #ffffff;}
.abbanner ul li .bao {display: flex;    justify-content: center;}

/* ab01 */
.ab01 {background: url("/style/img/ctt04-1.jpg");background-repeat: repeat;    padding: 115px 0 90px;}
.ab01 .content {position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.ab01 .wen {    position: absolute; font-size: 171px; color: #efefef; top: -21px;}
.ab01  h3 {     font-weight: bold; font-size: 60px;margin-bottom: 24px;background: linear-gradient(to right, #f6ab00,#1f9d8d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;z-index: 1;}
.ab01  h4 {font-size: 20px;color: #666666;margin-bottom: 30px;z-index: 1;}
.ab01  h5 {    font-size: 18px; color: #666666; line-height: 32px; WIDTH: 1114px; text-align: justify;text-align-last: center; }


.ab01  .line-clip span { height: 0px; width: 2px; background-color: #f6ab00; }
.ab01  .line-clip { height: 88px; width: 300px; margin: 0; }



/* ab02 */
.ab02 {background: url("/style/img/ab02-5.jpg");background-size: cover;position: relative;}
.ab02 video {width: 100%;height: 653px;opacity: 0;}
.ab02 .text {    top: 43%; position: absolute;left: 50%;transform: translate(-50%,-50%);    display: flex; flex-direction: column; justify-content: center; align-items: center;}
.ab02 .text .bo {cursor: pointer; transition: .3s; width: 80px; height: 80px; box-sizing: border-box; border-radius: 50%; border: 3px solid #f6ab00;margin-bottom: 26px;position: relative;}
.ab02 .text .bo i{transition: .3s; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 24px; color: #f6ab00;}
.ab02 .text h3 {font-size: 50px;font-weight: bold;color: #ffffff;margin-bottom: 28px;}
.ab02 .text h4 {font-size: 24px;font-weight: bold;color: #ffffff;}
.ab02 ul {position: absolute;bottom: 0px;display: flex;border-top:1px solid #ffffff7a;width: 100%;}
.ab02 ul li {width: 25%;display: flex;justify-content: space-between;padding: 24px 84px;border-right: 1px solid #ffffff7a;align-items: center;}
.ab02 ul li:nth-of-type(4){border-right: 0px;}
.ab02 ul li h3 {font-size: 20px;color: #ffffff;line-height: 28px;}
.ab02 ul .ri img {width: 28px;}

/* ab03 */
.ab03 h3{font-size: 50px;color: #444444;line-height: 56px;margin-bottom: 18px;}
.ab03 h3 strong,.ab03 h4 strong{font-weight: bold;}
.ab03 h4 {font-size: 40px;line-height: 56px;color: #444444;}

.ab03 p{font-size: 24px;color: #666666;}

/* ab04 */
.ab04 {background:url("/style/img/ab04.jpg");background-size: 101%;padding: 115px 0;}
.ab04  .content{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.ab04  h3 {font-size: 50px;color: #ffffff;    margin-bottom: 8px;text-align: center;}
.ab04  h3 span{font-size: 150px;color: #ffffff;font-family: 'Times New Roman', Times, serif;}
.ab04  h4 {font-size: 30px;line-height: 50px;color: #ffffff;margin-bottom: 30px;text-align: center;}


/* ab05 */
.ab05 {background: url("/style/img/ab05-3.jpg");background-size: cover;padding: 115px 0;    overflow: hidden;}
.ab05 h3 {font-size: 50px;color: #1f9d8d;margin-bottom: 20px;}
.ab05 h4 {font-size: 20px;color: #666666;margin-bottom: 34px;}
.ab05 .bot {display: flex;align-items: center;}
.ab05 .bot .left ul li {    width: 589px; padding: 30px 0 30px 70px;  display: flex; margin-bottom: 20px; border-radius: 60px;transition: .5s;cursor: pointer;}
.ab05 .bot .left ul li.on {background-color: orange;}
.ab05 .bot .left ul li.on img:nth-of-type(1){display: block;}
.ab05 .bot .left ul li.on img:nth-of-type(2){display: none;}
.ab05 .bot .left ul li.on  span {color: #ffffff;}

.ab05 .bot .left ul li img {width: 32px;    margin-right: 24px;}
.ab05 .bot .left ul li img:nth-of-type(1) {width: 32px;    margin-right: 24px; display: none;}
.ab05 .bot .left ul li span  {font-size: 24px;color: #333333;}
.ab05 .bot .mid .bao {position: relative;}
.ab05 .bot .mid img {width: auto; position: relative; left: -136px; top: -12px;}
.ab05 .bot .mid .bao .bit {width: 50px; height: 50px; background-color: #ffffff36; position: absolute; top: 45%; left: 233px; transform: translateY(-50%); border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.ab05 .bot .mid .bao .bit span{    width: 16px; height: 16px; box-sizing: content-box; border: 10px solid #bfbfbf; background-color: #ffffff; border-radius: 50%;}
.ab05 .bot  .right p { transition: .8s; font-size: 18px; color: #666666; line-height: 32px; width: 446px; text-align: justify; position: absolute;opacity: 1;}
.ab05 .bot  .right p:nth-of-type(2){opacity: 0;}
.ab05 .bot  .right p:nth-of-type(3){opacity: 0;}
.ab05 .bot  .mid {width: 325px; position: relative;}

.ab05 .bot .mid .bao {    left: 0px; overflow: unset;}
.ab05 .bot .mid .bao .bit span::after{position: absolute; content: ""; width: 45px; background-color: #bfbfbf; height: 1px; right: -34px; top: 24px;}
.ab05 .bot .right {    width: 446px; position: relative; margin-left: 29px; top: -88px;}


/* ab07 */
.ab07  {padding: 100px 0 ;}
.ab07  .content {display: flex;    justify-content: space-between;}
.ab07 .left h3{font-size: 24px;color: #f6ab00;padding: 10px 0 ;border-top: 1px solid #f6ab00;border-bottom: 1px solid #f6ab00 ;   width: max-content;}
.ab07 .left .bao img {width: auto;}
.ab07 .right  {position: relative;}
.ab07 .right h3  {font-size: 50px;color: #333333;   text-align: end;}
.ab07 .right h3 strong {font-size: 150px;color: #1f9d8d;font-family: 'Times New Roman', Times, serif;}
.ab07 .right h4 {font-size: 50px;color: #666666;    margin-bottom: 66px;}

.ab07 .right  .bot {position: absolute;background-color: #004f4a;padding: 60px 70px;   width: 85%; left: 15%;}
.ab07 .right  .bot ul {display: flex;justify-content: center;align-items: center;flex-flow: wrap;}
.ab07 .right  .bot ul li { width: 30%; font-size: 20px; color: #ffffff; padding-bottom: 5px; border-bottom: 1px solid #669592; margin-right: 80px;    margin-bottom: 36px;}
.ab07 .right  .bot ul li:nth-of-type(2n){margin-right: 0px;}

.ab07 .right  .bot ul li:nth-of-type(17){margin-bottom: 0px;}
.ab07 .right  .bot ul li:nth-of-type(18){margin-bottom: 0px;}

.ab07  .left .bao {position: relative;}
.ab07  .left .bao  .fa {position: absolute; font-size: 26px;color: #064c48;opacity: 1;}
.ab07  .left .bao  .fa:nth-of-type(16){top: 32%; left: 33%;}
.ab07  .left .bao  .fa:nth-of-type(2){    left: 69%; top: 24%;}
.ab07  .left .bao  .fa:nth-of-type(3){    left: 76%; top: 29%;}
.ab07  .left .bao  .fa:nth-of-type(4){    left: 39%; top: 43%;}
.ab07  .left .bao  .fa:nth-of-type(5){    left: 54%; top: 36%;}
.ab07  .left .bao  .fa:nth-of-type(6){    left: 64%; top: 39%;}
.ab07  .left .bao  .fa:nth-of-type(7){left: 46%; top: 49%;}
.ab07  .left .bao  .fa:nth-of-type(8){    left: 44%; top: 57%;}
.ab07  .left .bao  .fa:nth-of-type(9){    left: 26%; top: 59%;}
.ab07  .left .bao  .fa:nth-of-type(10){left: 43%; top: 64%;}
.ab07  .left .bao  .fa:nth-of-type(11){left: 58%; top: 68%;}
.ab07  .left .bao  .fa:nth-of-type(12){    left: 63%; top: 54%;}
.ab07  .left .bao  .fa:nth-of-type(13){    left: 62%; top: 80%;}
.ab07  .left .bao  .fa:nth-of-type(14){    left: 49%; top: 72%;}
.ab07  .left .bao  .fa:nth-of-type(15){    left: 22%; top: 27%;}

.ab07 .bitF {position: absolute;top: 53%; left: 70%;transition: .8s;}
.ab07 .bit1 {width: 80px;height: 80px;border: 1px dashed orange;border-radius: 50%;display: flex;justify-content: center;align-items: center;transition:all .5s;}
.ab07 .bit2 {width: 50px;height: 50px;border: 1px dashed orange;border-radius: 50%;display: flex;justify-content: center;align-items: center;transition: all .5s;}
.ab07 .bit3 {width: 30px;height: 30px;border: 1px dashed orange;border-radius: 50%;display: flex;justify-content: center;align-items: center;transition: all .5s;}
.ab07 .bit4 {width: 10px;height: 10px;background-color: orange;border-radius: 50%;}


/* ab08 */
.ab08{padding: 270px 0;background: url("/style/img/ab08.jpg");background-attachment: fixed;background-size: cover;}

/* ab09 */

.ab09{padding: 115px 0;}

.ab09 .icenter ul {position: relative;padding: 267px 0;overflow: hidden;}
.ab09 .icenter ul li {display: flex;position: absolute;left: 0px;top: 0px;transition: .5s;transform: translateX(0px);}
.ab09 .icenter ul li .left {width: 130px;background-color: #f6f8fa;display: flex;justify-content: center;align-items: center;flex-direction: column;    padding-top: 74px;}
.ab09 .icenter ul li .left h3 {    position: relative; width: min-content; margin-bottom: 92px; font-size: 26px; color: #222222;}
.ab09 .icenter ul li .left h3::after { content: ""; position: absolute; width: 5px; height: 5px; background: #004f4a;     top: -15px; left: 12.5px;}
.ab09 .icenter ul li .right {width: 880px;position: relative;}
.ab09 .icenter ul li .right .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);    padding: 40px 80px;   background-color: #09504bd1;}
.ab09 .icenter ul li .right .text h4 {font-size: 20px;color: #ffffff;line-height: 43px;}
.ab09 .icenter ul li .right .text h4 strong {font-size: 40px;color: #f6ab00;font-weight: 100;}
.ab09 img {width: 100%;height: 100%;}

.ab09 .icenter ul li .left img {    width: 36px;height: auto;}
.ab09 .icenter ul li:nth-child(1) {left: 0px;}
.ab09 .icenter ul li:nth-child(2){left: 130px;background-color: #dee0e2;}
.ab09 .icenter ul li:nth-child(3){left: 260px;}
.ab09 .icenter ul li:nth-child(4){left: 390px;background-color: #dee0e2;}
.ab09 .icenter ul li:nth-child(2) .left ,.ab09 .icenter ul li:nth-child(4) .left {background-color: #dee0e2;}
.ab09 .icenter ul li:hover .left {background-color:#044b46 ;}
.ab09 .icenter ul li:hover .left img { filter: grayscale(1); }
.ab09 .icenter ul li:hover .left h3::after { background: #ffffff;}
.ab09 .icenter ul li:hover .left h3 {color: #ffffff;}


/* video */
.tan {width: 100%;height: 100%;background-color: #00000085;z-index: 9999999999;display: flex;justify-content: center;align-items: center;position:fixed;display: none;}

.tan video {width: 50%;}
.tan .closegg {    right: 20%; top: 14%;}


.hty06 .top .box2::after { background-color: #ffffff; }
.hty06 .top .box2 { color: #333333; }
/* ser01 */
.ser01{background: url("/style/img/ser01-1.jpg" );background-size: cover;padding: 122px 0 331px 0;}
.ser01 .content {position: relative;display: flex;justify-content: center;}

.ser01 .content ul li{position: absolute;text-align: center;    overflow: hidden;}
.ser01 .content ul li:nth-of-type(1){       left: 4%; top: 13%;}
.ser01 .content ul li:nth-of-type(2){right: 4%; top: 13%;}
.ser01 .content ul li:nth-of-type(3){      bottom: -67%; left: 39%;}
.ser01 .content ul li img {width: 38px;    margin: auto;}
.ser01 .content ul li h3 {font-size: 44px;    margin: 20px 0 16px;    color: #ffffff;font-weight: bold;}
.ser01 .content ul li h4 {font-size: 16px;line-height: 24px;    color: rgba(255,255,255,0.7);width: 300px;}



.ser01 .content .mid {position: relative;}
.ser01 .content .mid .bao{border-radius: 50%;}
.ser01 .content .mid .box {position: absolute;border-radius: 50%;display: flex;justify-content: center;align-items: center;padding: 20px;    left: 50%; top: 50%; transform: translate(-50%, -50%);}
.ser01 .content .mid .box h3 {color: #1f9d8d;font-size: 20px;display: flex; flex-direction: column; text-align: center;}

.ser01 .content .mid .box h3  strong{font-size: 100px;font-family: "arial";font-weight: bold;}

.ser01 .content .mid .cricle { transform: rotate(0deg); position: absolute; width: 460px; height: 460px; border-radius: 50%; border: 1px dashed #ffffff; left: -17%; top: -17%; display: flex; justify-content: center; align-items: center;}

.ser01 .content .mid .cricle01  {   content: ""; width: 480px; height: 380px; border-radius: 50%; border: 1px dashed #ffffff; left: 10.6%; top: 10.6%; box-sizing: border-box;}



/* ser02 */
.ser02  {padding: 120px 0;    overflow: hidden;}
.ser02 .content {position: relative;display: flex;}
.ser02 .content  .wen { overflow: hidden; white-space: nowrap; bottom: -44px; left: 196px; font-size: 180px; color: #eaeaea; font-weight: bold; font-family: 'Times New Roman', Times, serif; position: absolute; width: 100%;}
.ser02 .content  .wen span {position: relative;left: 0px; }
.ser02 .content  .left {position: relative;margin-right: 230px;}
.ser02 .content  .left .bao {    box-shadow: 0 0 19px #2e2e2e47;}
.ser02 .content  .left  img {transition: .5s;}
.ser02 .content  .left  img:hover {transform: scale(1.1);}
.ser02 .content  .left::after{ z-index: -1;   content: ""; position: absolute; width: 664px; height: 390px; border: 3px solid #1f9d8d; left: -52px; top: 100px;}
.ser02 .content  .left .text {    position: absolute; top: 60px; left: 45px; }
.ser02 .content  .left .text h3 {font-size: 30px;color: #ffffff;margin-bottom: 3px;}

.ser02 .content  .left .text h3 strong {font-size: 70px;font-family: "Arial";    font-weight: 100;    margin-right: 10px;}
.ser02 .content  .left .text h4 {font-size: 22px;color: #ffffff;line-height: 30px;}
.ser02 .content  .left img {width: auto;}
.ser02 .content  .right {width: 650px;position: relative;}
.ser02 .content  .right h3{font-size: 50px;color: #333333;margin-bottom: 20px;}
.ser02 .content  .right h4{font-size: 18px;color: #666666;margin-bottom: 36px;}
.ser02Swiper {overflow: hidden;    position: relative;box-shadow: 0 0 19px #2e2e2e47;}
.ser02Swiper .swiper-slide {width: 100%;height: 100%;}
.ser02 .content  .right .ser02Swiper-button-next {outline: none; z-index: 1; transition: .3s; background-image: none; width: 58px; height: 58px; border-radius: 50%; border: 2px solid #bfbfbf; color: #9C9699; display: flex; justify-content: center; align-items: center; font-size: 24px; bottom: 147px; top: auto; right: 526px; left: auto;}
.ser02 .content  .right  .ser02Swiper-button-prev{    outline: none; z-index: 1; transition: .3s; background-image: none; width: 58px; height: 58px; border-radius: 50%; border: 2px solid #1f9d8d; color: #1f9d8d; display: flex; justify-content: center; align-items: center; font-size: 24px; bottom: 147px; top: auto; right: 595px; left: auto;}
.ser02 .content  .right .ser02Swiper-button-next:hover,.ser02 .content  .right  .ser02Swiper-button-prev:hover {background-color: #1f9d8d;color: #ffffff;border: 1px solid #ffffff;}
.ser02Swiper .swiper-slide .bao img:hover {transform: scale(1.1);}
.ser02Swiper .swiper-slide .bao img {transition: .5s;}



/* ser03 */
.ser03 {background: url("/style/img/ser03-3.jpg");background-attachment: fixed;background-size: cover;margin-bottom: 435px;}
.ser03 .content {position: relative;}
.ser03 .content .text {display: flex;position: relative;top: 312px;}
.ser03 .content .right {width: 50%;display: flex;justify-content: center;align-items: center;   flex-direction: column;background: url("/style/img/ser03-5.jpg");background-size: cover;}
.ser03 .content .left {width: 50%;justify-content: center;align-items: center; flex-direction: column;padding: 100px 0;background: url("/style/img/ser03-4.jpg");background-size: cover;}
.ser03 .content h3 {font-size: 40px; color: #666666; margin-bottom: 28px;text-align: center;}
.ser03 .content .right h3 {color: #ffffff;}
.ser03 .content img {width: 26px;}
.ser03 .content span {font-size: 22px;color: #666666;}
.ser03 .content  .right span {color: #ffffff;}
.ser03 .content ul li {         border-bottom: 1px solid #afafaf; display: flex; padding: 15px 8px 8px 29px; width: 325px;}

.ser03 .content .vs { font-family: 'Times New Roman', Times, serif; position: absolute; width: 140px; height: 140px; border-radius: 50%; text-align: center; line-height: 140px; font-size: 60px; color: #ffffff; background: linear-gradient(136deg, #f6ab00, #1f9d8d); left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1;}
.ser03 .content ul li img {margin-right: 10px;}
.ser03 .content ul {    display: flex; flex-direction: column; align-items: center;}





/* ser04 */
.ser04 {background: url("/style/img/ser04-1.jpg");background-size: cover;overflow: hidden;position: relative;}
.ser04 .content {padding: 140px 0 650px;position: relative; }
.ser04 .content h3 {font-size: 50px;color: #ffffff;margin-bottom: 20px;text-align: end;}
.ser04 .content h4 {font-size: 40px;font-family: Arial;color: #ffffff;text-align: end;}
.ser04 .content  .bei {    position: absolute; top: 187px; left: -204px;}
.ser04 .content  .bei img {width: 1656px;}
.ser04 .content  li {    position: absolute; display: flex; flex-direction: column; align-items: center;}
.ser04 .content  li h3 {font-size: 24px;color: #ffffff;margin-bottom: 20px;transition: .5s;}
.ser04 .content  li:hover h3 {color: #f6ab00;}
.ser04 .content  li .cricle { cursor: pointer; border-radius: 50%; background-color: #ffffff; border: 6px solid #f6ab00; width: 110px; height: 110px; box-sizing: content-box; display: flex; justify-content: center; align-items: center;}
.ser04 .content  li:nth-of-type(1) .cricle{width: 78px;height: 78px;}
.ser04 .content  li:nth-of-type(2) .cricle{width: 100px;height: 100px;}
.ser04 .content  li:nth-of-type(4) .cricle{width: 120px;height: 120px;}
.ser04 .content  li:nth-of-type(5) .cricle{width: 130px;height: 130px;}

.ser04 .content  li .line{    height: 112px; width: 3px; background-color: #ffffff; margin-top: 1px;}
.ser04 .content  li .cricle img {    width: 53px;transition: .3s;}

.ser04 .content li .cricle:hover img { transform: rotateY(180deg); }

.ser04 .content  li .bit{    position: relative; width: 7px; height: 7px; background-color: #ffffff; border-radius: 50%;}
.ser04 .content  li .bit span {position: absolute; font-size: 23px; color: #ffffff; font-family: Arial; color: #ffffff; left: -35px; top: -3px;transition: .5s;}

.ser04 .content  li:nth-of-type(1){left: -0.5%; top: 13.5%;}
.ser04 .content  li:nth-of-type(2){    left: 12%;top: 21.5%;}
.ser04 .content  li:nth-of-type(3){left: 30.4%;     top: 34.9%;}
.ser04 .content  li:nth-of-type(4){    left: 47.8%;    top: 47.5%;}
.ser04 .content  li:nth-of-type(5){    left: 65.2%;     top: 61%;}

.ser04 .ser {    bottom: 49px; left: 6px; font-size: 218px; color: #eaeaea1a; font-weight: 100; font-family: 'Times New Roman', Times, serif; position: absolute;}




/* ser05 */
.ser05 {padding: 100px 0;overflow: hidden;}
.ser05 .top {    margin-bottom: 23px;}
.ser05 p {font-size: 20px;}
.ser05 h3 {font-size: 30px;line-height: 42px;color: #333333;    margin-top: 4px;text-align: center;}


/* ser06 */
.ser06 {background: url("/style/img/ser06-3.jpg");background-size: cover;padding: 110px 0;overflow: hidden;}
.ser06 .content {position: relative;display: flex;}
.ser06 .content .bg {    position: absolute;     top: 29%;width: 100%; left: 0px; border-bottom-left-radius: 94px; overflow: hidden; z-index: 0;}
.ser06 .content .bg::after{content: "";position: absolute;bottom: 0px;height: 8px;width: 100%;background-color: #f6ab00;}
.ser06 .content .right  {z-index: 1;}
.ser06 .content .left {margin-left: 115px;margin-right: 130px;}
.ser06 .content .left .bao {border-radius: 20px;}
.ser06 .content .left .bao  img {width: auto;transition: .5s;}
.ser06 .content .left .bao img:hover {transform: scale(1.1);}

.ser06 .content .right h3 {font-size: 20px;color: #ffffff;margin-bottom: 12px;}
.ser06 .content .right h4 {font-size: 50px;color: #ffffff;}
.ser06 .content .right ul {margin-top: 120px;}
.ser06 .content .right ul li{font-size: 20px;color: #333333;margin-bottom: 16px;display: flex;align-items: center;cursor: pointer;transition: .5s;transition-delay: 0s!important;}
.ser06 .content .right ul li .line {width: 46px;height: 1px;background-color: #1f9d8d;margin-right: 46px;transition: .5s;}
.ser06 .content .right ul li:hover .line {width: 68px;}
.ser06 .content .right ul li:hover {color: #1f9d8d;}
.ser06 .content .right ul li:nth-of-type(4){margin-bottom: 0px;}



/* ser07 */
.ser07 .content {display: flex;position: relative;overflow: hidden;}
.ser07 .content .dot {    border-radius: 50%; z-index: 1;  background-color: #ffffff; position: absolute;width: 170px;height: 170px;left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;justify-content: center;align-items: center;font-size: 50px;color: #f5b219;}
.ser07 .content .left {width: 50%;}
.ser07 .content .left  img {width: 100%;transition: .5s;}
.ser07 .content .left  img:hover {transform: scale(1.1);}

.ser07 .content .right {width: 50%;background-color: #ffffff;display: flex;justify-content: center;align-items: center;}

.ser07 .content .right li {    display: flex; padding: 45px 0 18px; border-bottom: 1px solid #d6d6d6; width: 626px; align-items: center;cursor: pointer;}
.ser07 .content .right li:hover h3 {color: #1f9d8d;}
.ser07 .content .right li:hover img {transform: rotateY(180deg);}
.ser07 .content .right li:nth-of-type(1){padding: 0px 0 18px;}
.ser07 .content .right li img {    width: 55px; margin-right: 33px;transition: .3s;}
.ser07 .content .right li h3 {font-size: 22px;color: #666666;line-height: 30px;transition: .3s;}


/* ser08 */
.ser08 {background: url("/style/img/ser08-5.jpg");background-size:cover;padding: 100px 0;overflow: hidden;}
.ser08 .content {display: flex;align-items: center;position: relative;    justify-content: space-between;}

.ser08 .content .box { margin-bottom: 60px;padding: 33px 54px;background-color: #ffffff;    border-radius: 20px;transition: .5s;cursor: pointer;}

.ser08 .content .box:hover {background-color: #1f9d8d;}
.ser08 .content .box:hover h3 {color: #ffffff;}
.ser08 .content .box:hover h4 {color: #ffffff;}
.ser08 .content  .left .box:nth-of-type(2){margin-bottom: 0px;}
.ser08 .content  .right .box:nth-of-type(2){margin-bottom: 0px;}
.ser08 .content .box img {    width: 42px;margin-bottom: 16px;transition: .5s;}
.ser08 .content .box h3 {font-size: 30px;color: #333333;margin-bottom: 16px;transition: .5s;}
.ser08 .content .box h4 {width: 250px;font-size: 18px;color: #666666;    line-height: 26px;transition: .5s;}

.ser08 .content .mid {position: relative;}

.ser08 .content .text{    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #f6ab00; font-weight: bold; font-size: 30px; text-align: center; width: 212px; line-height: 38px;}

.ser08 .content .box:hover img { filter: brightness(1.5);}


.ser08 .content .mid .cricle { transform: rotate(0deg); position: absolute; width: 500px; height: 500px; border-radius: 50%; border: 1px dashed rgb(31, 157, 141); left: -14%; top: -14%; display: flex; justify-content: center; align-items: center;}
.ser08 .content .mid .cricle01  {   content: ""; width: 480px; height: 480px; border-radius: 50%; border: 1px dashed rgb(31, 157, 141); left: 10.6%; top: 10.6%; box-sizing: border-box;}






/* ser09 */
.ser09 {display: flex;overflow: hidden;}
.ser09 .left {width: 57%;padding: 90px 0 90px 230px;background: url("/style/img/ser09-1.jpg");background-size: cover;}
.ser09 .left .box {position: relative;}
.ser09 .left .box .wen {    font-size: 28px; color: #c4c4c4; position: absolute; transform: rotate(90deg); left: -218px; font-family: Arial; top: 123px; }
.ser09 .left .box   h3 {font-size: 40px;color: #333333;font-weight: bold;margin-bottom: 22px;}
.ser09 .left .box .bx {margin-bottom: 19px;    display: flex;}

.ser09 .left .box .bx .bbx {width: 140px; height: 140px; border-radius: 50%; text-align: center; line-height: 140px; font-size: 60px; color: #ffffff;}
.ser09 .left .box .bx:hover .bx1{left: 110px;}
.ser09 .left .box .bx:hover .bx2{    right: 140px;}
.ser09 .left .box .bx .bx1 {    background: linear-gradient(136deg, #f6ab00, #1f9d8d); position: relative; left: 0px; transition: .5s; z-index: 2;}

.ser09 .left .box .bx .bx2 {    color: #333333; position: relative; transition: .5s; right: 30px; background: linear-gradient(to top, #f6ab00, #1f9d8d); z-index: 0;}
.ser09 .left .box .bx .bx2::after { border-radius: 50%; content: ""; width: 95%; height: 95%; position: absolute; left: 4px; top: 4px; background-color: #ffffff; z-index: -1; }
.ser09 .left .box p {font-size: 26px;line-height: 40px;}

.ser09 .right {width: 43%;background: url("/style/img/ser09-2.jpg");background-size: cover;    display: flex; justify-content: center; align-items: center;}
.ser09 .right .numCount2 {    width: 495px; display: flex; flex-flow: wrap;}
.ser09 .right ul.numCount2 li { width: auto; display: flex; justify-content: center; align-items: flex-start; flex-direction: column;        margin-bottom: 44px; }
.ser09 .right ul.numCount2 li:nth-of-type(3),.ser09 .right ul.numCount2 li:nth-of-type(4){margin-bottom: 0px;}
.ser09 .right ul.numCount2 li:nth-of-type(1){margin-right: 120px;}
.ser09 .right ul.numCount2 li:nth-of-type(3){margin-right: 210px;}
.ser09 .right ul.numCount2 li h3 { font-weight: bold; font-size: 70px;}
.ser09 .right ul.numCount2 li h4 { font-size: 18px; color: white; width: max-content; }
.ser09 .right ul.numCount2 li h3 span { font-size: 68px; font-weight: bold; color: white; margin-bottom: 15px; letter-spacing: 6px; }




/* plan01 */
.plan01 {background-color:#004f4a;overflow: hidden;position:relative;padding: 120px 0 106px;}
.plan01 .pian {position: absolute;right: 0px;top: 0px;}
.plan01 .pian img {    width: 776px;}
.plan01 .content {position: relative;}
.plan01 .content.content .wen {position: absolute;top: 0px;left: 0px; font-size: 134px; color: #eaeaea1a; font-weight: 100; font-family: 'Times New Roman', Times, serif; }
.plan01 .content h3 {font-size: 60px;color: #ffffff;    margin-bottom: 26px;}
.plan01 .content h4 {font-size: 20px;color: #ffffff;margin-bottom: 30px;}
.plan01 .content p {font-size: 18px;color: #ffffff;line-height: 32px;margin-bottom: 90px;width: 687px;}
.plan01 .content .line {width: 94px;height: 1px;background-color: #ffffff;}

/* plan02 */
.plan02 {padding: 148px 30px;overflow: hidden;position: relative;display: flex;justify-content: space-between;}
.plan02::after {    width: 38%; height: 100%; content: ""; position: absolute; background: url(/style/img/plan02-2.jpg); left: 0px; top: 0px; z-index: -1; background-size: cover;}
.plan02 .right {width: 75.4%;position: relative;}
.plan02  .left  {position: relative;}


.plan02  .left .plan02Swiper-button-prev{  outline: none; z-index: 1; transition: .3s; background-image: none; width: 58px; height: 58px; border-radius: 50%; border: 2px solid #bfbfbf; color: #9C9699; display: flex; justify-content: center; align-items: center; font-size: 24px; bottom: 183px; top: auto;left: 0;}
.plan02  .left .plan02Swiper-button-next{outline: none; z-index: 1; transition: .3s; background-image: none; width: 58px; height: 58px; border-radius: 50%;border: 2px solid #1f9d8d; color: #1f9d8d;  display: flex; justify-content: center; align-items: center; font-size: 24px; bottom: 183px; top: auto; right: 170px; left: auto;}

.plan02  .left  h3 {    margin-bottom: 9px; font-size: 50px;color: #1f9d8d;font-family: 'Times New Roman', Times, serif;line-height: 60px;}
.plan02  .left  h4 {font-size: 50px;font-weight: bold;background: linear-gradient(to right,#f6ab00,#1f9d8d);-webkit-background-clip: text;-webkit-text-fill-color: transparent;width: max-content;}
.plan02  .right .box {padding: 80px 52px;  background-color: #ffffff;   box-shadow: 0 0 7px #2e2e2e29;   width: 409px;position: relative;}
.plan02  .right .box .cc {position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;opacity: 0;z-index: 0;transition: .3s;}
.plan02  .right .box:hover .cc {opacity: 1;}
.plan02  .right .box .img01{display: block;}
.plan02  .right .box .img02 {display: none;}
.plan02  .right .box:hover .img02 {display: block;}
.plan02  .right .box:hover .img01 {display: none;}
.plan02  .right .box:hover .bot h5 ,.plan02  .right .box:hover .bot h6,.plan02  .right .box:hover p,.plan02  .right .box:hover h3{color:#ffffff} 
.plan02  .right .box .cc img{width: 100%;height: 100%;}






.plan02  .right img {width: auto;z-index: 1;position: relative;}
.plan02  .right h3 {font-size: 40px;color: #333333;margin: 16px 0 28px;z-index: 1;position: relative;}
.plan02  .right p {    font-size: 20px; line-height: 32px; color: #666666; margin-bottom: 80px; width: 285px; z-index: 1; position: relative; height: 96px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.plan02  .right .bot {display: flex;justify-content: space-between;z-index: 1;    align-items: center;position: relative;}

.plan02  .right .bot  h5 {font-size: 20px;color: #333333;font-family: Arial;position: relative;}
.plan02  .right .bot  h6 {font-size: 40px;color: #1f9d8d;font-family: Arial;position: relative;}
.plan02Swiper {position: relative;overflow: hidden;    padding: 10px;}
.plan02Swiper .swiper-wrapper {justify-content: space-between;}
.plan02  .right .plan02Swiper-pagination{    bottom: -47px; left: 10px;}

.plan02  .left  .plan02Swiper-button-next:hover,.plan02  .left .plan02Swiper-button-prev:hover {background-color: #1f9d8d;color: #ffffff;border: 1px solid #ffffff;}


.plan02  .right .plan02Swiper-pagination .swiper-pagination-bullet {  width: 13px;height: 13px;   margin-right: 18px; background-color: transparent; border: 1px solid #1f9d8d; opacity: 1;}

.plan02  .right .plan02Swiper-pagination .swiper-pagination-bullet-active { background: #1f9d8d; }






/* plan03 */
.plan03 {background: url("/style/img/plan03-2.jpg");background-size: cover;position: relative;padding: 190px 0 96px;    z-index: 1;}
.plan03 .pian {position: absolute;right: 0px;top: 150px;   width: 1059px; height: 680px;}

.plan03 .jian .cricle {top: 0px;left: 0px;}
.plan03 .content {position: relative;}
.plan03 .content .wen {position: absolute;    top: -86px; left: 0px; font-size: 187px; color: #eaeaea1a; font-weight: 100; font-family: 'Times New Roman', Times, serif;}
.plan03 .content h3 {font-size: 22px;color: #ffffff;    margin-bottom: 48px;position: relative;}
.plan03 .content h3::before{width: 90px; height: 1px; content: ""; left: -122px; top: 10px; position: absolute; background-color: #ffffff; opacity: 0.5;}
.plan03 .content h4 {font-size: 50px;color: #ffffff;line-height: 60px;    margin-bottom: 36px;}
.plan03 .content h5 {font-size: 24px;line-height: 34px;margin-bottom: 52px;width: 600px;color: rgba(255,255,255,0.5);}



.jian {width: 90px;height: 90px;border-radius: 50%;position: relative;cursor: pointer;}

.jian i {font-size: 47px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #ffffff;}
.jian .cricle {width: 90px;height: 90px;border-radius: 50%;border: 1px dashed #ffffff80;position: absolute;   left: -14px; top: -14px; transform: rotate(0deg);}



/* plan04 */
.plan04 {background: url("/style/img/plan04-1.jpg");background-size: cover;position: relative;overflow: hidden;padding: 207px 0 136px;}

.plan04 .content {width: 1200px;  display: flex;background-color: #f5f5f5;justify-content:center;}
.plan04 .content .left {width:82%;}
.plan04 .content .left .bao {position: relative;overflow: unset;height: 100%;}
.plan04 .content .left .bao img{position: absolute;top: 0px;left: 0px;opacity: 0;       width: 100%; height: 100%; }
.plan04 .content .left .bao img:nth-of-type(1){opacity: 1;}

.plan04 .content .right { width: 18%;display: flex;justify-content: center;flex-direction: column;align-items: center;padding: 13px 0;}
.plan04 .content .right li {margin-bottom: 6px;transition: .3s;border: 5px solid transparent;}
.plan04 .content .right li:nth-of-type(5){margin-bottom: 0px;}
.plan04 .content .right li img{width: 156px;}
.plan04 .content .right li.active { border: 5px solid #1f9d8d;}





/* plan05 */
.plan05 {overflow: hidden;position: relative;padding: 120px 0;}
.plan05 .pian {position: absolute;left: 0px;top: 0px;    height: 100%;    width: 55%;z-index: 1;}
.plan05 .pian  img{ height: 100%; object-fit: cover;}
.plan05 .pian2 {position: absolute;right: 0px;top: 0px; height: 100%;    width: 53%;}
.plan05 .pian2  img{ height: 100%; object-fit: cover;}

.plan05 .content {position: relative;z-index: 1;}
.plan05 .content .left{width: 60%;}
.plan05 .content h3 {font-size: 50px;color: #ffffff;margin-bottom: 20px;}
.plan05 .content h4 {font-size: 20px;margin-bottom: 46px;color: #ffffff;    opacity: .5;}
.plan05 .content .cc {margin-bottom: 45px;display: flex;align-items: center;}

.plan05 .content .cc:nth-of-type(2){margin-bottom: 63px;}
.plan05 .content .cc img {width: 50px;margin-right: 25px;}
.plan05 .content .cc h5 {padding: 8px 0 8px 25px;border-left: 1px solid #669592;    color: #ffffff80;font-size: 18px;}
.plan05 .content .cc h5 strong{font-size: 20px;font-weight: bold;    margin-top: 10px;    color: #ffffff;display: block;}
.plan05 .content a {   position: relative;z-index: 0; overflow: hidden;   display: block; width: 260px; height: 50px;box-sizing: border-box;border: 2px solid #ffffff;text-align: center;font-size: 16px;color: #ffffff;line-height: 46px;}

.plan05 .content a::after{position: absolute;content: "";z-index: -1;width: 0%;height: 100%;background-color:#ffffff ;transition: .3s;left: 0px;top: 0px;}
.plan05 .content a:hover::after{width: 100%;}
.plan05 .content a:hover{color: #1f9d8d ;border: 2px solid #1f9d8d;}



/* plan06 */
.plan06 {background: url("/style/img/plan06-1.jpg");background-size: cover;position: relative;overflow: hidden;padding: 140px 0 220px;}
.plan06 .content  {display: flex;}
.plan06 .content .left {margin-right: 120px;}

.plan06 .content .left .bao {margin-bottom: 40px;}
.plan06 .content .left .bao img {width: auto;transition: .5s;}
.plan06 .content .left .bao:hover img  {transform: scale(1.1);}

.plan06 .content .left p {font-size: 20px;color: #333333;line-height: 30px;    width: 488px;}
.plan06 .content .right {position: relative;    margin-top: 50px;}
.plan06 .content ul { position: absolute; display: flex; flex-flow: wrap; justify-content: space-between; background-color: #004f4a; top: 189px; padding: 93px 100px; width: 680px; left: -315px;}


.plan06 .content ul li {width: 50%;}
.plan06 .content ul li h3 {    margin-bottom: 10px;    color: white;}
.plan06 .content ul li h3 strong{ font-size: 47px; color: white; font-family: "arial"; font-weight: 100;}
.plan06 .content ul li h3 span {    color: white; margin-left: 10px; font-size: 13px;}
.plan06 .content ul li h4 {color: white; font-size: 20px;}
.plan06 .content ul li:nth-of-type(1){padding-bottom: 37px; border-right: 1px solid rgb(78, 125, 123); border-bottom: 1px solid rgb(78, 125, 123);     padding-left: 43px;}
.plan06 .content ul li:nth-of-type(2){    padding-left: 43px;position: relative;}
.plan06 .content ul li:nth-of-type(2)::before{content: "";position: absolute;width: 10px;height: 10px;background-color:white ;       left: -4px; top: 110px;}
.plan06 .content ul li:nth-of-type(4){     padding-top: 37px; padding-left: 43px; border-top: 1px solid rgb(78, 125, 123); border-left: 1px solid rgb(78, 125, 123);}
.plan06 .content ul li:nth-of-type(3){padding-top: 37px;padding-right: 43px;    padding-left: 43px;}



.plan06 .content .right .top h3 {    line-height: 60px;  position: relative; font-size: 50px; font-weight: bold;  background: linear-gradient(to right,#f6ab00,#1f9d8d); -webkit-background-clip: text; -webkit-text-fill-color: transparent; width: max-content;}
.plan06 .content .right .top h3::before{ height: 3px; content: "";position: absolute;width: 170px;    left: -208px; top: 32px;background-color: #f5aa01;}
.plan06 .cc {position: absolute; left: 18px; bottom: 84px;}




/* plan07 */
.plan07 {background: url("/style/img/plan07-1.jpg");background-size: cover;position: relative;overflow: hidden;padding: 120px 0 321px;}
.plan07 .content { position: relative;    display: flex; justify-content: center; flex-direction: column; align-items: center;}
.plan07 .content .box::after {position: absolute;width: 105%;height: 105%;border-radius: 50%;border: 1px dashed #ffffff;content: "";top: -11px; left: -11px;}
.plan07 .content .box  {position: relative;}
.plan07 .content .box .cc {position: absolute;}
.plan07 .content .box .cc::before {width: 8px;height: 8px;background-color: #ffffff;border-radius: 50%;position: absolute;right: 10px;content: "";    left: 34px; top: 5px;}
.plan07 .content .box .cc .text {position: absolute;    width: 302px;}
.plan07 .content h3 {font-size: 50px;color: #ffffff;margin-bottom: 37px;}
.plan07 .content .box img{width: auto;}
.plan07 .content .box  .cc {font-size: 20px;font-family:Arial;color: #ffffff;cursor: pointer;}



.plan07 .content .box .cc:nth-of-type(1) {       top: 89px; left: -25px;}
.plan07 .content .box .cc:nth-of-type(1) .text {top: -31px;left: -429px;}
.plan07 .content .box .cc:nth-of-type(2) {  top: 89px; left: 400px; }
.plan07 .content .box .cc:nth-of-type(2) .text {      top: -31px; right: -429px;}
.plan07 .content .box .cc:nth-of-type(2)::before{    left: -24px; top: 8px;}
.plan07 .content .box .cc:nth-of-type(3) { top: 414px; left: 184px;}
.plan07 .content .box .cc:nth-of-type(3) .text{       left: -238px; top: 51px; width: 514px;} 
.plan07 .content .box .cc:nth-of-type(3) .text .line{      margin: auto; margin-bottom: 18px;} 
.plan07 .content .box .cc:nth-of-type(3) .text h3 {    text-align: center;}
.plan07 .content .box .cc:nth-of-type(3) .text p{  text-align: center; width: auto;} 
.plan07 .content .box .cc:nth-of-type(3)::before{left: 8px; top: -16px;}



.plan07 .content .box .cc .text .line { position: relative; overflow: hidden; width: 290px;height: 1px;background-color: #ffffff;margin-bottom: 18px;}
.plan07 .content .box .cc .text .line::after{content: "";width: 0%;height: 100%;background-color: rgb(31, 157, 141);position:absolute;top: 0px;left: 0px;transition: .5s;}
.plan07 .content .box .cc:hover .text .line::after{width: 100%;}
.plan07 .content .box .cc:hover .text h3 {color: rgb(31, 157, 141);}
.plan07 .content .box .cc:hover::before{background-color:  rgb(31, 157, 141);}
.plan07 .content .box .cc:hover{color:rgb(31, 157, 141) ;}
.plan07 .content .box .cc:hover .text p {opacity: 1;}


.plan07 .content .box .cc .text h3 {font-size: 30px;margin-bottom: 28px;}
.plan07 .content .box .cc .text p {font-size: 16px;line-height: 30px;color: #ffffff;width: 335px;opacity: .5;}



/* plan08 */
.plan08{background: url("/style/img/plan08-1.jpg");background-size: cover;position: relative;overflow: hidden;padding: 210px 0 75px;}
.plan08  .pian {position: absolute;right: 0px;    top: 142px;overflow: hidden;z-index: 1;    height: 572px;}

.plan08  .pian img {width: auto;height: 100%;transition: .5s;    object-fit: cover;}
.plan08  .pian:hover img{transform: scale(1.1);}

.plan08  .content {position: relative;}


.plan08  .content .top {position: relative;}
.plan08  .content  .wen {    position: absolute; top: -71px; left: -200px; font-size: 187px; color: #5d57571a; font-weight: 100; font-family: 'Times New Roman', Times, serif;}
.plan08  .content .top h3 {font-size: 30px;color: #666666;margin-bottom: 17px;}
.plan08  .content .top h3  strong{    font-size: 80px; color: #f5aa01; font-family: arial; font-weight: normal;}
.plan08  .content .top h4  {font-size: 50px;line-height: 60px;color: #333333;margin-bottom: 80px;}
.plan08  .content .cc {margin-bottom: 45px;display: flex;align-items: center;}

.plan08  .content .cc:nth-of-type(2){margin-bottom: 0px;}
.plan08  .content .cc img {width: 50px;margin-right: 25px;}
.plan08  .content .cc h5 {padding: 8px 0 8px 25px;border-left: 1px solid #666666;    color: #666666;font-size: 18px;}
.plan08  .content .cc h5 strong{font-size: 20px;font-weight: bold;    margin-top: 10px;    color: #333333;display: block;}
.plan08  .content .top {margin-bottom: 149px;}
.plan08  .content ul {display: flex;justify-content: space-between;}
.plan08 .content ul li  {width: 31.5%;}
.plan08  .content ul li .bao img{width: auto;}

.plan08  .content ul li .mid {padding: 0 0px 20px;margin-bottom: 20px;border-bottom: 1px solid #efefef;}
.plan08  .content ul li .mid .le h3 {font-size: 24px;color: #333333;margin-bottom: 8px;}
.plan08  .content ul li .mid .le h4 {font-size: 14px;color: #666666;}
.plan08  .content ul li .mid .le h4 span {margin-right: 9px;padding-right: 9px;position: relative;}
.plan08  .content ul li .mid .le h4 span::after{position: absolute;content: "";height: 14px;width: 1px;background-color: #b2b2b2;right: 0px;}


.plan08  .content ul li .mid {display: flex;justify-content: space-between;    align-items: center;}
.plan08  .content ul li .mid .ri img {    width: auto; margin: auto; margin-bottom: 5px;}
.plan08  .content ul li .mid .ri span {font-size: 12px;color: #666666;}
.plan08  .content ul li .bottom {display: flex;justify-content: space-between;   align-items: center;}
.plan08  .content ul li .bottom .le .bao{margin-right: 10px;cursor: pointer;    height: auto;}
.plan08  .content ul li .bottom .le span {font-size: 14px;color: #666666;}
.plan08  .content ul li .bottom .a {border: 1px solid #1f9d8d; position: relative;z-index: 0; overflow: hidden;width: 110px;height: 35px;background-color: #1f9d8d;text-align: center;line-height: 33px;color: #ffffff;font-family: Arial;font-size: 12px;}


.plan08  .content ul li .bottom .a::after{position: absolute;content: "";z-index: -1;width: 0%;height: 100%;background-color:#ffffff ;transition: .5s;left: 0px;top: 0px;}
.plan08  .content ul li .bottom .a:hover::after{width: 100%;}
.plan08  .content ul li .bottom .a:hover{color: #1f9d8d}
.plan08  .content ul li .bottom .a span {transition: .5s;left: 0px;position: relative;}
.plan08  .content ul li .bottom .a:hover span {left: 10px;}

.plan08  .content ul li .text {   padding: 30px; box-shadow: 0 0 10px #beb7b775;}
.plan08 .content ul li .bao img{transition: .5s; height: 269px; width: 100%; object-fit: cover;}
.plan08 .content ul li:hover .bao img {transform: scale(1.1);}
.plan08 .content ul li .mid .ri {cursor: pointer;}
.plan08 .content ul li:hover .text .bottom .le .bao img{transform: scale(1);}
.plan08 .content ul li .text .bottom .le .bao img {height: auto;}


.plan08 .content ul li .bottom .le {display: flex;align-items: center;}

/* plan09 */
.plan09 {background: url("/style/img/plan09-1.jpg");background-size: cover;position: relative;overflow: hidden;    padding: 33px 0;}
.plan09 .content {position: relative;display: flex;    justify-content: space-between;align-items: center;}
.plan09 .content a {font-size: 50px;color: #ffffff;}
.plan09 .content a:hover {color: rgb(31, 157, 141);}
.plan09 .content a:hover span {left: 20px;}
.plan09 .content a span {    margin-left: 16px;position: relative;left: 0px;transition: .5s;}
.plan09 .content .wen {    font-size: 160px; color: #cab8b81a; font-weight: 100; font-family: 'Times New Roman', Times, serif;}






/* casebanner */
.casebanner {position: relative;overflow: hidden;    height: calc(44vh + 100px);}
.casebanner img{object-fit: cover;height: 100%;}
.casebanner .text {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.casebanner .text h3 {font-size: 80px;color: #ffffff;font-family: Arial;font-weight: bold;margin-bottom: 20px;text-align: center;}
.casebanner .text h4 {font-size: 60px;color: #ffffff;}

/* case01 */
.case01 {padding-top: 100px;}
.case01  .content {width: 1500px;margin: auto;}
.case01 .top {margin-bottom: 68px;}
.case01 .top .t  {margin-bottom: 40px; display: flex;justify-content: space-between;}
.case01 .top .t h3 {font-size: 40px;color: #333333;line-height: 50px;}
.case01 .top .t h3 span {    background: linear-gradient(to right, #f6ab00,#1f9d8d); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}

.case01 .top .t  a  {width: 277px;height: 53px;font-size: 18px;line-height: 53px;  background: linear-gradient(to right, #f6ab00,#1f9d8d);color: #ffffff;line-height: 53px;text-align: center;}
.case01 .top .t  a:hover span {font-size: 20px;}
.case01 .top .t  a span  {transition: .5s;}
.case01 .top  ul  li {    display: flex; padding-bottom: 12px; border-bottom: 1px solid #e1e1e1; padding-top: 12px;}
.case01 .top  ul  li:nth-of-type(1){padding-top: 0px;}
.case01 .top  ul  li h3 {margin-right: 38px;padding-right: 45px;line-height: 39px;font-size: 20px;color: #333333;position: relative;}
.case01 .top  ul  li h3::after{content: ""; position: absolute; right: 0px; background-color: #adadad; height: 21px; width: 2px; top: 11px;}
.case01 .top  ul  li .min {display: flex;    align-items: center;}
.case01 .top  ul  li .min a {    font-size: 20px; color: #666666;  text-align: center;    line-height: 39px;    margin-right: 3px;    padding: 0 36px;}
.case01 .top  ul  li .min a:hover { background-color: #1f9d8d;color: #ffffff;}



.case01 .top  ul  li .min a.active { background-color: #1f9d8d;color: #ffffff;}

.case01 .mid {    overflow: hidden; padding-bottom: 223px;}

.case01 .mid .case01Swiper .box {position: relative;}
.case01 .mid .case01Swiper .box .text {position: absolute;}

.case01 .mid .case01Swiper .box h4 span {margin-right: 9px;padding-right: 9px;position: relative;}
.case01 .mid .case01Swiper .box h4 span::after{position: absolute;content: "";height: 14px;width: 1px;background-color: #b2b2b2;right: 0px;}

.case01 .mid .case01Swiper .box .bot {display: flex; justify-content: space-between; align-items: center; margin-bottom: 0px; border-top: 1px solid #ececec; padding-top: 29px;}
.case01 .mid .case01Swiper .box .bot .le .bao{margin-right: 10px;cursor: pointer;}
.case01 .mid .case01Swiper .box .bot .le span {font-size: 14px;color: #666666;}
.case01 .mid .case01Swiper .box .bot .a {     position: relative; overflow: hidden; z-index: 0; width: 110px; height: 35px; background-color: #1f9d8d; text-align: center; line-height: 33px; color: #ffffff; font-family: Arial; font-size: 12px; border: 1px solid transparent;}



.case01 .mid .case01Swiper .box .bot .a:hover span {left: 10px;color: #1f9d8d;}
.case01 .mid .case01Swiper .box .bot .a:hover {color: #1f9d8d;border: 1px solid #1f9d8d;}
.case01 .mid .case01Swiper .box .bot .a::after {position: absolute;width: 0%;height: 100%;content: "";background-color: #ffffff;transition: .5s;z-index: -1;left: 0px;top: 0px;}
.case01 .mid .case01Swiper .box .bot .a:hover::after{width: 100%;}



.case01 .mid .case01Swiper .box .bot .a span {position: relative;left: 0px;transition: .5s;}
.case01 .mid .case01Swiper .box .bot .a:hover span{left: 10px;}

.case01 .mid .case01Swiper .box .bot .le {display: flex;    align-items: center;}
.case01 .mid .case01Swiper .box p {    font-size: 18px; color: #666666; line-height: 30px; margin-top: 26px; margin-bottom: 29px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; padding-bottom: 0px;}

.case01 .mid .case01Swiper .box .text {       box-shadow: 0 0 10px #beb7b775;     padding: 75px; position: absolute; width: 502px; top: 161px; background-color: #ffffff; box-sizing: border-box; right: 92px;}
.case01 .mid .case01Swiper .box .text::before{position: absolute; width: 84px; height: 2px; left: -53px; top: 94px; background-color: #1f9d8d; content: "";}
.case01 .mid .case01Swiper .box .text h3 {font-size: 40px;color: #333333;    margin-bottom: 22px;}
.case01 .mid .case01Swiper .box .text h4 {font-size: 20px;color: #666666;}
.case01Swiper {position: relative;}
.case01 .case01Swiper .case01Swiper-pagination  {    bottom: -60px; left: 0; width: auto;}

.case01 .case01Swiper .case01Swiper-pagination .swiper-pagination-bullet-active { opacity: 1; background: #1f9d8d;width: 38px;    border-radius: 20px;}


.case01 .bot {margin-bottom: 90px;}
.case01 .bot  ul {display: flex;flex-flow: wrap;}
.case01 .bot ul li  {margin-bottom: 39px;    width: 31.5%;    margin-right: 2.65%;}

.case01 .bot ul li:nth-of-type(3n){margin-right: 0px;}
.case01 .bot ul li .bao img {transition: .5s;}
.case01 .bot ul li .bao img {    height: 269px; width: 100%; object-fit: none;}
.case01 .bot ul li:hover .bao img{transform: scale(1.1);} 

.case01 ul li .mid {padding: 0 0px 20px;margin-bottom: 20px;border-bottom: 1px solid #efefef;}
.case01 ul li .mid .le h3 {    font-size: 23px; color: #333333; margin-bottom: 16px;}
.case01 ul li .mid .le h4 {font-size: 14px;color: #666666;}
.case01 ul li .mid .le h4 span {margin-right: 9px;padding-right: 9px;position: relative;}
.case01 ul li .mid .le h4 span::after{position: absolute;content: "";height: 14px;width: 1px;background-color: #b2b2b2;right: 0px;}


.case01 ul li .mid {display: flex;justify-content: space-between;    align-items: center;}

.case01 ul li .mid .le {width: 75%;}

.case01 ul li .mid .ri { width: 24%; }



.case01 ul li .mid .ri img {    width: auto; margin: auto; margin-bottom: 5px;}
.case01 ul li .mid .ri {cursor: pointer;}
.case01 ul li .mid .ri span {    font-size: 12px; color: #666666; display: block; text-align: center;}
.case01 ul li .bottom {display: flex;justify-content: space-between;   align-items: center;}
.case01 ul li .bottom .le .bao{margin-right: 10px;height: 54px;width: 54px;}



.case01 ul li .bottom .le .bao img  {height: 100%;object-fit: cover;}

.case01 ul li .bottom .le span {font-size: 14px;color: #666666;}

.case01 ul li .bottom .a { border: 1px solid #1f9d8d; z-index: 0; position: relative; overflow: hidden; width: 110px;height: 35px;background-color: #1f9d8d;text-align: center;line-height: 33px;color: #ffffff;font-family: Arial;font-size: 12px;}

.case01 ul li .bottom .a span  {position: relative;left: 0px;transition: .5s;}

.case01 ul li:hover .bottom .le .bao img {transform: scale(1);}

.case01 ul li .bottom .a:hover span {left: 10px;color: #1f9d8d;}
.case01 ul li .bottom .a:hover {color: #1f9d8d;border: 1px solid #1f9d8d;}
.case01 ul li .bottom .a::after {position: absolute;width: 0%;height: 100%;content: "";background-color: #ffffff;transition: .5s;z-index: -1;left: 0px;top: 0px;}
.case01 ul li .bottom .a:hover::after{width: 100%;}






.case01 ul li .text {   padding: 30px; box-shadow: 0 0 10px #beb7b775;}

.case01 ul li .bottom .le {display: flex;align-items: center;cursor: pointer;}
.case01 .page {background: url("/style/img/qie.jpg" );background-size: cover;padding: 68px 0;    display: flex; justify-content: center;}
.case01 .page h2 {display: none;}
.case01 .page a ,.case01 .page span{     display: block;width: 46px;height: 46px;border: 1px solid #ffffff;color: #ffffff;font-size: 16px;text-align: center;line-height: 46px;    margin-right: 18px;}
.case01 .page a:hover {background-color: #1f9d8d;}
.case01 .page a:last-child{margin-right: 0px;}
.case01 .page span.current {background-color: #1f9d8d;border: none;}
.case01 .page a.active {background-color: #1f9d8d;border: none;}
.case01 .page .nav-links {display: flex;align-items: center;}

/* case02 */
.case02 {background: url("/style/img/case02-bg.jpg");background-size: cover;padding: 120px 0;}
.case02 .content {width: 1500px;margin: auto;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.case02 .content h3  {font-size: 60px;color: #333333;margin-bottom: 26px;}
.case02 .content h4  {font-size: 30px;line-height: 40px;color: #666666;margin-bottom: 40px;    text-align: center;}
.case02 .content ul {display: flex;justify-content: space-between;    width: 100%;}
.case02 .content ul li img {    width: 72px;transition: .3s;}
.case02 .content ul li {width: 265px;height: 265px;border-radius: 50%;background-color: #ffffff;display:flex;flex-direction: column;justify-content: center;align-items: center;}

.case02 .content ul li:hover img{transform: rotateY(180deg);}

.case02 .content ul li span {font-size: 24px;color: #444854;position:relative;display: block;margin-top: 32px;}
.case02 .content ul li span::before {position: absolute;width: 185px;height: 1px;background-color: #dfe8f4;content: "";    top: -18px; left: -18px;}




/* case03 */
.case03 ul {display: flex;}
.case03 ul li {width:33.5%;    padding: 100px 106px;position: relative;}
.case03 ul li h3 {font-size: 50px;color: #ffffff;position: relative;z-index: 1;}
.case03 ul li:nth-of-type(1){background-color: #23a0ab;}
.case03 ul li .bao {position: absolute;top: 0px;left: 0px;opacity: 0;width: 100%;height: 100%;transition: .3s;}
.case03 ul li .bao::after {position: absolute;content: ""; background-color: #14131391;width: 100%;height: 100%;left: 0px;top: 0px;}
.case03 ul li:hover .bao{opacity: 1;}


.case03 ul li .bao img {width: 100%;height: 100%;}
.case03 ul li:nth-of-type(2){background-color: #0a6a86;}
.case03 ul li:nth-of-type(3){background-color: #017e78;}
.case03 ul li h3 {font-size: #ffffff;font-size: 50px;}
.case03 ul li .line {width:57px;height: 1px;background-color: #ffffff;margin: 20px 0;position: relative;z-index: 1;}
.case03 ul li  p {font-size: 18px;color: #ffffff;line-height: 30px;position: relative;z-index: 1;}

/* cnbanner */
.cnbanner{background: url("/style/img/cnbanner.jpg");background-size: cover;position: relative;overflow: hidden;   height: 100vh; display: flex;}
.cnbanner .content {display: flex; position: absolute; bottom: 14%; left: 50%; transform: translateX(-50%);}

.cnbanner .content h3 {    font-size: 58px; color: #ffffff; margin-bottom: 37px; letter-spacing: 3px;}
.cnbanner .content h4 {font-size: 30px;line-height: 46px;color: #ffffff;margin-bottom: 50px;}
.cnbanner .content p {font-size: 18px;line-height: 32px;color: #ffffff85;margin-bottom: 77px;  }
.cnbanner .content  .jian .cricle {left: 0px; top: 0px;}

.cnbanner .content .left {margin-right: 360px;    width: 57%;}
.cnbanner .content .right {margin-top: 122px;}
.cnbanner .content .right h6 {font-size: 18px;line-height: 32px;color: #ffffff;  margin-bottom: 37px;}
.cnbanner .content .right h6 span {opacity: .5;}

/* cn01 */
.cn01 {background-color: #f5f5f5;padding:  100px 0;} 
.cn01 .content {padding: 0 260px;position: relative;}
.cn01Swiper {overflow: hidden;}
.cn01Swiper .box {position: relative;}
.cn01Swiper .box .bao {    position: absolute; top: 13px; left: 14px; width: 97.3%; height: 82%;}
.cn01Swiper .box .bao img{height: 100%;}
.cn01 .bot {display: flex;justify-content: center;align-items: center;}
.cn01 .bot ul  {display: flex;}
.cn01 .bot ul li  {width: 100px;height: 60px;box-sizing: border-box;margin-right: 12px;}
.cn01 .bot ul li img {width: 100%;height: 100%;}
.cn01 .bot ul li:last-child{margin-right: 0px;}
.cn01 .bot ul li.active {border: 5px solid #1f9d8d;}


.cn01 .content  .cn01Swiper-button-next {outline: none; z-index: 1; transition: .3s; background-image: none; width: 70px; height: 70px;   border-top: 2px solid rgb(156, 150, 153); border-right: 2px solid rgb(156, 150, 153); transform: rotate( 45deg );  bottom: 408px; top: auto;  right: -9px; left: auto;}
.cn01 .content  .cn01Swiper-button-prev{    outline: none; z-index: 1; transition: .3s; background-image: none; width: 70px; height: 70px;  border-top: 2px solid rgb(156, 150, 153); border-right: 2px solid rgb(156, 150, 153); transform: rotate( -135deg ); bottom: 408px; top: auto;left: -9px;}
.cn01 .content  .cn01Swiper-button-next:hover,.cn01 .content  .cn01Swiper-button-prev:hover {border-top: 2px solid rgb(31, 157, 141); border-right: 2px solid rgb(31, 157, 141);}











/* cn02 */
.cn02 {padding: 110px 0 10px 0;}
.cn02 .content h3 {font-size: 60px;line-height: 75px;color: #222222;margin-bottom: 38px;}
.cn02 .content h3 span{background: linear-gradient(to right,#f6ab00, #1f9d8d); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}
.cn02 .content h4 {font-size: 30px;color: #333333;margin-bottom: 60px;}
.cn02 .content p {font-size: 18px;line-height: 32px;color: #666666;margin-bottom:20px;}
.cn02 .content p  span {font-size: 20px;color: #1f9d8d;font-weight: bold;}
.cn02 .content .bot  {display: flex;justify-content: space-between;}
.cn02 .content .bot h3 {font-size: 50px;font-weight: bold;background: linear-gradient(to right,#f6ab00, #1f9d8d); -webkit-text-fill-color: transparent; -webkit-background-clip: text;;line-height: 60px;}
.cn02 .content .bot h4 {font-family: Arial;font-size: 40px;line-height: 46px;color: #666666;}

.cn02 .content .bot .jian .cricle{border: 1px dashed #555353f2;    width: 120px; height: 120px;}
.cn02 .content .bot .jian i {color: #000000;font-size: 68px;}






/* cn03 */
.cn03 {background: url("/style/img/cn03-3.jpg");background-size: cover;padding: 100px 0;position: relative;overflow: hidden;}
.cn03 .content {position: relative;display: flex;}
.cn03 .wen {      bottom: 224px; right: -382px; font-size: 150px; color: #eaeaea38; font-weight: 100; font-family: 'Times New Roman', Times, serif; position: absolute;}
.cn03 .content .left {margin-right: 55px;    width: 68%;}
.cn03 .content .left .box {position: relative;}
.cn03 .content .left .box img {    width: 100%; height: 100%; object-fit: cover;}
.cn03 .content .left .box .box1 {position: absolute; left: 98px; top: 73px; width: 80.1%;    height: 68.6%;}
.cn03 .content .left .box .bo {     cursor: pointer; transition: .3s; width: 80px; height: 80px; box-sizing: border-box; border-radius: 50%; background-color:  #1f9d8d; margin-bottom: 26px; position: absolute; top: 47%; left: 51%; transform: translate(-50%, -50%);}
.cn03 .content .left .box .bo i {    transition: .3s; position: absolute; left: 53%; top: 50%; transform: translate(-50%,-50%); font-size: 28px; color: #ffffff;}
.cn03 .content .right  {margin-top:110px;}
.cn03 .content .right h3 {font-size: 44px;color: #ffffff;margin-bottom: 42px;    line-height: 52px;}
.cn03 .content .right a { position: relative;z-index: 0; overflow: hidden; display: block; width: 153px;height: 45px;text-align: center;line-height: 41px;border: 2px solid #ffffff;color: #ffffff;margin-bottom: 19px;font-size: 16px;}


.cn03 .content .right a::after{position: absolute;content: "";z-index: -1;width: 0%;height: 100%;background-color:#ffffff ;transition: .3s;left: 0px;top: 0px;}
.cn03 .content .right a:hover::after{width: 100%;}
.cn03 .content .right a:hover{color: #1f9d8d}


/* cn04 */
.cn04 h3 {font-size: 44px;color: #09092a;margin: 30px 0;}
.cn04 h4 {font-size: 20px;color: #666666;}
.cn04 .top {margin-bottom: 0px;}


/* cn05 */
.cn05 {background: url("/style/img/cn05.jpg");background-size: cover;position: relative;overflow: hidden;padding: 140px 0 170px;}
.cn05 .content{width: 1500px; margin: auto;}

.cn05Swiper {overflow: hidden;}
.cn05  .cn05Swiper  .swiper-pagination .swiper-pagination-bullet {width: 11px;height: 11px;border-radius: 0%;margin-right: 18px;border: 1px solid #ffffff;background-color: unset;opacity: 1;}
.cn05  .cn05Swiper  .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0px;}
.cn05  .cn05Swiper .swiper-pagination  .swiper-pagination-bullet-active { opacity: 1; background: #1f9d8d; border: none;}

.cn05  .cn05Swiper  .swiper-pagination{bottom: 96px;}
.cn05 .content .box .bao img{    width: 100%;transition: .5s;}
.cn05 .content .box:hover .bao img {transform: scale(1.1);}

.cn05 .content .box .mid {padding: 0 0px 20px;margin-bottom: 20px;border-bottom: 1px solid #efefef;}
.cn05 .content .box .mid .le h3 {font-size: 24px;color: #333333;margin-bottom: 8px;text-align: unset;}
.cn05 .content .box .mid .le h4 {font-size: 14px;color: #666666;}
.cn05 .content .box .mid .le h4 span {margin-right: 9px;padding-right: 9px;position: relative;}
.cn05 .content .box .mid .le h4 span::after{position: absolute;content: "";height: 14px;width: 1px;background-color: #b2b2b2;right: 0px;}


.cn05 .content .box .mid {display: flex;justify-content: space-between;    align-items: center;}
.cn05 .content .box .mid .ri img {    width: auto; margin: auto; margin-bottom: 5px;}
.cn05 .content .box .mid .ri  {cursor: pointer;}
.cn05 .content .box .mid .ri span {font-size: 12px;color: #666666;}
.cn05 .content .box .bottom {display: flex;justify-content: space-between;   align-items: center;}
.cn05 .content .box .bottom .le .bao{margin-right: 10px;}
.cn05 .content .box .bottom .le span {font-size: 14px;color: #666666;}
.cn05 .content .box .bottom .a {  border: 1px solid #1f9d8d; position: relative;z-index: 0; overflow: hidden;width: 110px;height: 35px;background-color: #1f9d8d;text-align: center;line-height: 33px;color: #ffffff;font-family: Arial;font-size: 12px;}
.cn05 .content .box:hover .bottom .le .bao img {transform: scale(1);}

.cn05 .content .box .bottom .a::after{position: absolute;content: "";z-index: -1;width: 0%;height: 100%;background-color:#ffffff ;transition: .3s;left: 0px;top: 0px;}
.cn05 .content .box .bottom .a:hover::after{width: 100%;}

.cn05 .content .box .bottom .a:hover{color: #1f9d8d}

.cn05 .content .box .bottom .a span {left: 0px;position: relative;transition: .5s;}
.cn05 .content .box .bottom .a:hover span {left: 10px;color:#1f9d8d}

.cn05 .content .box .text {     padding: 30px; background-color: #ffffff;}

.cn05 .content .box .bottom .le {display: flex;align-items: center;cursor: pointer;}




/* prosbanner */
.prosbanner {display: flex;position: relative;}

.prosbanner .left {     height: 100vh; width: 50%;display: flex;background: url("/style/img/prosbanner.jpg");padding: 228px 200px 49px;background-size: cover;    flex-direction: column;}
.prosbanner .right {width: 50%;height: 100vh;}
.prosbanner .right img {width: 100%;height: 100%;object-fit: cover;}
.prosbanner .left h3 {font-size: 50px;color: #ffffff;margin-bottom: 38px;}
.prosbanner .left p {font-size: 18px;line-height: 32px;color: #ffffff;margin-bottom: 74px;opacity: .8;       width: 420px;}



.prosbanner  .wen {       transform: rotate(90deg);     bottom: 179px; left: -12px; font-size: 50px; color: #eaeaea38; font-weight: 100; font-family: 'Times New Roman', Times, serif; position: absolute;}
.prosbanner  .scroll {cursor: pointer;  overflow: hidden; width: 31px; height: 37px; box-sizing: border-box; border: 2px solid #ffffff; display: flex; justify-content: center; align-items: center; border-radius: 5px; }

.prosbanner  .scroll .bit {width: 5px;height: 5px;background-color: #ffffff;position: relative;}




/* pros01 */
.pros01{padding: 100px 0;}



/* pros02 */
.pros02{background: url("/style/img/pros02bg.jpg");background-size: cover;padding: 130px 0;}
.pros02 .content {position: relative;}

.pros02 .content .box .bao img{transition: .5s;}
.pros02 .content .box:hover .bao img{transform: scale(1.1);}
.pros02 .content .box:hover  h3 {color: #1f9d8d;opacity: 1;}
.pros02 .content .box:hover  h4 span  {color: #1f9d8d;}











.pros02Swiper {overflow: hidden;}
.pros02 .content .pros02Swiper-button-prev { outline: none; z-index: 1; transition: .3s; background-image: none; width: 70px; height: 70px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; transform: rotate( -135deg );     bottom: 310px; top: auto; left: -124px; }
.pros02 .content .pros02Swiper-button-next { outline: none; z-index: 1; transition: .3s; background-image: none; width: 70px; height: 70px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; transform: rotate( 45deg ); bottom: 310px; top: auto; right: -124px; left: auto; }
.pros02 .content .pros02Swiper-button-prev:hover,.pros02 .content .pros02Swiper-button-next:hover{border-top: 2px solid rgb(31, 157, 141); border-right: 2px solid rgb(31, 157, 141);}












.pros02 .content h3 {font-size: 50px;color: #ffffff;margin-bottom: 48px;text-align: center;}
.pros02 .content .box .bot{display: flex;padding: 20px 0;border-bottom: 1px solid #777a81;}
.pros02 .content .box h3{    font-size: 50px; font-family: 'Times New Roman', Times, serif; margin-right: 3%; opacity: .2; width: 57%; text-transform: uppercase;text-align: start;}


.pros02 .content .box h4{    font-size: 16px; color: #ffffff; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; width: 50%;}
.pros02 .content .box h4  span{font-size: 28px;margin-bottom:14px;line-height: 36px;display: block;}



/* pros03 */

.pros03 {padding: 100px 0;}
.pros03 .content h6 {    font-size: 50px;margin-bottom: 26px;text-align: center;color: #333333;}
.pros03 .content h6  span {    color: #f6ab00; font-family: arial; font-size: 73px; font-weight: 100;}
.pros03 .content .box .bao {margin-bottom: 50px;}
.pros03 .content .box .eftmore { border: 2px solid #1f9d8d; position: relative;z-index: 0; overflow: hidden; width: 184px;height: 50px;line-height: 48px;text-align: center;font-size: 16px;color: #ffffff;background-color: #1f9d8d;display: block;}
.pros03 .content .box .eftmore::after{position: absolute;content: "";z-index: -1;width: 0%;height: 100%;background-color:#ffffff ;transition: .5s;left: 0px;top: 0px;}
.pros03 .content .box .eftmore:hover::after{width: 100%;}
.pros03 .content .box .eftmore:hover {color:#1f9d8d ;}

.pros03 .box {position: relative;}
.pros03 .box .text {position: absolute;}
.pros03 .box  .bao img {width: auto;}

.pros03 .box h4 span {margin-right: 9px;padding-right: 9px;position: relative;}
.pros03 .box h4 span::after{position: absolute;content: "";height: 14px;width: 1px;background-color: #b2b2b2;right: 0px;}

.pros03 .box .bot {display: flex;justify-content: space-between;   align-items: center;}
.pros03 .box .bot .le .bao{margin-right: 10px;}
.pros03 .box .bot .le span {font-size: 14px;color: #666666;}
.pros03 .box .bot .a { border: 2px solid #1f9d8d; position: relative;z-index: 0; overflow: hidden; width: 110px;height: 35px;background-color: #1f9d8d;text-align: center;line-height: 35px;color: #ffffff;font-family: Arial;font-size: 12px;}
.pros03 .box .bot .a::after{position: absolute;content: "";z-index: -1;width: 0%;height: 100%;background-color:#ffffff ;transition: .5s;left: 0px;top: 0px;}
.pros03 .box .bot .a:hover::after{width: 100%;}
.pros03 .box .bot .a:hover{color: #1f9d8d;}
.pros03 .box .bot .le {display: flex;    align-items: center;}
.pros03 .box p {      text-align: justify; font-size: 18px; color: #666666; line-height: 30px; margin-top: 37px; margin-top: 37px; padding-bottom: 33px; border-bottom: 1px solid #ececec; margin-bottom: 37px;}
.pros03 .box .text { box-shadow: 0 0 10px #beb7b775; padding: 72px; position: absolute; width: 455px; top: 161px; background-color: #ffffff; box-sizing: border-box; right: 92px;}
.pros03 .box .text::before{position: absolute; width: 84px; height: 2px; left: -53px; top: 94px; background-color: #1f9d8d; content: "";}
.pros03 .box .text h3 {font-size: 40px;color: #333333;    margin-bottom: 22px;    line-height: 47px;}
.pros03 .box .text h4 {font-size: 20px;color: #666666;}

.pros03 .box .bot .bao {margin-bottom: 0px;}






/* newbanner */
.newsbanner {padding: 224px 0 129px;background: url("/style/img/newsbanner.jpg");background-size: cover;overflow: hidden;    height: calc(44vh + 100px);}
.newsbanner .content {width: 1600px;margin: auto;}
.newsbanner .content h3 {font-size: 50px;color: #ffffff;line-height: 70px;font-weight: bold;margin-bottom: 28px;}
.newsbanner .content h4 {display: flex;}
.newsbanner .content h4 span {font-size: 16px;color: #ffffff;opacity: .5;border-right: 1px solid #ffffff;margin-right: 18px;padding-right: 18px;}

.newsbanner .content h4 span:nth-of-type(3){border-right: 0px;}


/* news01 */
.news01 {padding: 100px 0;overflow: hidden;}
.news01 .content .left {width: 63%;overflow: hidden;position: relative;max-width: 100%;}
.news01 .content .right {width: 27%;}

.news01 .content {width: 1600px;display: flex;justify-content: space-between;margin: auto;}

.news01 .content .left  p {    text-align: justify;font-size: 18px;line-height: 32px;color: #666666;margin-bottom: 32px;overflow: hidden;position: relative;max-width: 100%;}
.news01 .content .left 


.news01 .content  .left .bot  {padding-top: 45px;    border-top: 1px solid #666666;}

.news01 .content  .left .bot .op {display: flex;justify-content: space-between;align-items: center;margin-bottom: 66px;}
.news01 .content  .left .bot .op .eft {display: flex;    align-items: center;}
.news01 .content  .left .bot .op .eft .line {position: relative;width: 58px;height: 2px;background-color: #1f9d8d;}
.news01 .content  .left .bot .op .eft .line::before {position: absolute;width: 100%;height: 100%;top: 18px;content: "";background-color: #1f9d8d;}
.news01 .content  .left .bot .op .eft .line::after {position: absolute;content: "";width: 100%;height: 100%;top: -18px;background-color: #1f9d8d;}

.news01 .content  .left .bot .op .eft  a {font-size: 20px;color: #1f9d8d;margin-left: 27px;line-height: 44px;display: block;}
.news01 .content  .left .bot .op .ight {display: flex;    align-items: center;}
.news01 .content  .left .bot .op .ight  span {font-size: 18px;color: #666666;margin-right: 16px;}
.news01 .content  .left .bot .op .ight  .search {    font-size: 14px; margin-right:10px; width: 33px;height: 33px;border-radius: 50%;display: block;background-color: #79787b;text-align: center;line-height: 33px;}
.news01 .content  .left .bot .op .ight  .search:last-child {margin-right: 0px;}
.news01 .content  .left .bot .op .ight  .search:hover {background-color: #1f9d8d;}
.news01 .content  .left .bot .ot a {font-size: 20px;color: #333333;margin-bottom: 16px;display: block;}
.news01 .content .left .bot .ot a:hover {color: #1f9d8d;}
.news01 .content  .left .bot .ot a:last-child{margin-bottom: 0px;}
.news01 .content  .right h3{font-size: 30px;color: #222222;margin-bottom: 20px;}
.news01 .content  .right  .tab {display: flex;justify-content: space-between;    padding-bottom: 27px;}
.news01 .content  .right  .tab a {display: block;width: 134px;height: 42px;text-align: center;line-height: 40px;color: #666666;font-size: 16px;border: 1px solid #bfbfbf;}
.news01 .content  .right  .tab a:hover {color: #ffffff;background-color: #1f9d8d;}
.news01 .content  .right  .tab a.active {color: #ffffff;background-color: #1f9d8d;border: none;}
.news01 .content  .right   ul  li {border-top: 1px solid #666666;padding: 29px 0;}
.news01 .content .right ul li:hover h4{color:#1f9d8d ;}
.news01 .content .right ul li:hover a{color:#1f9d8d ;}
.news01 .content .right ul li a span {left: 0px;position: relative;transition: .5s;cursor: pointer;}
.news01 .content .right ul li:hover a span{color:#1f9d8d;}
.news01 .content .right ul li a:hover span{ left: 10px;}
.news01 .content  .right   ul  li:last-child {border-bottom: 1px solid #666666;}
.news01 .content  .right   ul  li  h3 {font-family: Arial;font-size: 16px;color: #666666;margin-bottom: 6px;}

.news01 .content  .right   ul  li  h4 {font-size: 24px;color: #333333;margin-bottom: 18px;    line-height: 40px;}

.news01 .content  .right   ul  li p {font-size: 16px;color: #666666;line-height: 26px;margin-bottom: 28px;}
.news01 .content  .right   ul  li .newsmore {font-size: 16px ;color: #666666;}
.news01 .content  .right ul li .newsmore span {margin-left: 10px; }

.news01 .content .left img {width: auto!important;height: auto!important;max-width: 100%!important;}
.news01 .content .left figure{margin: 0!important; text-align: justify;font-size: 18px;line-height: 32px;color: #666666;margin-bottom: 32px!important;overflow: hidden;position: relative;width: auto!important; max-width: 100%!important;} 

.news01 .content .left figcaption{    display: block;    color: #999;    font-size: 14px;}


/* news02 */
.news02 h3{font-size: 50px;color: #ffffff;margin-bottom: 46px;text-align: center;}




/* probanner */
.probanner {background: url("/style/img/probanner.jpg");background-size: cover;          padding: 201px 0 164px;overflow: hidden;height: calc(44vh + 100px);}
.probanner  .content {width: 1400px;margin: auto;}
.probanner  .content a {display: block;display:  flex;justify-content: space-between;padding: 14px 44px;color: #ffffff;font-size: 20px;margin-bottom: 20px;border: 2px solid #ffffff;width: 360px;}
.probanner  .content a:hover {background-color: #1f9d8d ;}


.probanner  .content a:last-child{margin-bottom: 0px;}
.probanner  .content a.active {background-color: #1f9d8d;border: 2px solid #1f9d8d;}

.probanner  .content a  i {color: #ffffff;transform: rotate(45deg);    font-size: 20px;}
.probanner  .content h6 {color: #fff;margin-bottom: 30px;font-size: 44px;}
.probanner  .content h6.on {display: block;}



/* pro01 */
.pro01 {background:url("/style/img/ctt04-1.jpg");    background-position: left top; background-repeat: repeat;padding: 124px 0 90px;}
.pro01 .content {display: flex;justify-content: space-between;}
.pro01 .content .left {position: relative;width: 31%;}
.pro01 .content .right {    width: 51%;} 
.pro01 .content .left .wen {     bottom: 99px; left: -6px; font-size: 100px; color: #3636361a; font-weight: 100; font-family: 'Times New Roman', Times, serif; position: absolute; }
.pro01 .content .left h3 span { background: linear-gradient(to right, #f6ab00, #1f9d8d); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.pro01 .content .left h3 {font-size: 60px;color: #333333;    line-height: 90px;margin-bottom: 52px;}
.pro01 .content .right p {font-size: 20px;line-height: 36px;color: #333333;}
.pro01 .content .left .jian .cricle {    width: 120px; height: 120px; border-radius: 50%; border: 2px dashed #41414180;}
.pro01 .content .left .jian i {    font-size: 68px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #000000d9;}


/* pro02 */
.pro02 {background: url("/style/img/pro02-1.jpg");background-size: cover;display: flex;justify-content: flex-end;background-attachment: fixed;}
.pro02 .bao {position: relative;}
.pro02 .bao .text{position: absolute;    top: 34%; left: 38%;}
.pro02 .bao .text h3 {color: #ffffff;font-size: 50px;line-height: 70px;position: relative;text-align: end;}
.pro02 .bao .text h3::after {    position: absolute; content: ""; width: 85px; height: 3px; background-color: #ffffff; top: 162px; right: 0px;}


/* pro03 */

.pro03  {padding: 100px 0;}

.pro03 .content .box .bot{display: flex; padding: 20px 0; border-bottom: 1px solid #c6c7c8; justify-content: space-between;}
.pro03 .content .box h3{    font-size: 50px; font-family: 'Times New Roman', Times, serif; margin-right: 0px; text-transform: uppercase; opacity: .2; width: 61%;}
.pro03 .content .box h4{    font-size: 16px; color: #333333; line-height: 26px; width: 37%;}
.pro03 .content .box h4  span{font-size: 28px;margin-bottom:14px;line-height: 36px;display: block;}
.pro03 .content .box h4 font{ font-size: 16px;color: #666666;line-height: 26px; display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;}

.pro03 .content ul {display: flex;justify-content: space-between;flex-flow: wrap;}
.pro03 .content ul li  {position: relative;overflow: hidden;}
.pro03 .content ul li {margin-bottom: 45px;width: 48.5%;}
.pro03 .content ul li .bao {height: 403px;}


.pro03 .content ul li .bao img{transition: .5s;}
.pro03 .content ul li:hover  .bao img {transform: scale(1.1);}
.pro03 .content ul li:hover  h4 span {color: #1f9d8d;}
.pro03 .content ul li:hover h3 {color: #1f9d8d;opacity: 1;}






.pro03 .page {background-size: cover;   display: flex; justify-content: center;    margin-top: 36px;}
.pro03 .page a {width: 46px;height: 46px;border: 1px solid #cbcbcb;color: #cbcbcb;font-size: 16px;text-align: center;line-height: 46px;    margin-right: 18px;}
.pro03 .page a:last-child{margin-right: 0px;}
.pro03 .page a:hover {background-color: #1f9d8d;color: #ffffff;}



.pro03 .page a.active {background-color: #1f9d8d;border: none;color: #ffffff;}

/* pro04 */
.pro04 {background: url("/style/img/pro04bg.jpg");background-size: 101%;}
.pro04 h3 {font-size: 44px;color: #ffffff;margin-bottom: 22px;}
.pro04 p {font-size: 22px;      color: #ffffffad;margin-bottom: 37px;}
.pro04 p span {font-weight: bold;}
.pro04 a {position: relative; z-index: 0; overflow: hidden; width: 190px;height: 47px;text-align: center;border: 2px solid #ffffff;line-height: 43px;color: #ffffff;font-size: 16px;display: block;    margin: auto;}
.pro04 a::after {content: "";height: 100%;width: 0%;position: absolute;z-index: -1;background-color:#1f9d8d;left: 0px;top: 0px;transition: .3s;}
.pro04 a:hover::after {width: 100%;}

/* new01 */
.new01 {padding: 100px 0 0;     overflow: hidden;}
.new01 .content {width: 1500px;margin: auto;}
.new01 .content .top {display: flex;justify-content: space-between;padding-bottom: 30px;margin-bottom: 50px;border-bottom: 1px solid #d3d3d3;}
.new01 .content .top h3 {font-size: 50px;color: #333333;}
.new01 .content .top .tab {display: flex;justify-content: space-between;    width: 37.5%;}
.new01 .content .top .tab a {width: 180px;height: 50px;line-height: 46px;text-align: center;font-size: 16px;display: block;border: 2px solid #1f9d8d;color: #1f9d8d;}
.new01 .content .top .tab a:hover {background-color: #1f9d8d ;color: #ffffff;}
.new01 .content .top .tab a.active {background-color: #1f9d8d ; border: 2px solid #1f9d8d;color: #ffffff;}

.new01 .content ul  {display: flex;justify-content: space-between; flex-flow: wrap;}
.new01 .content ul li {width: 31%;margin-bottom: 60px;}
.new01 .content ul li h3 {font-size: 60px;color: #333333;font-family: Arial;margin-bottom: 20px;}
.new01 .content ul li  h3 span{font-size: 22px;    margin-left: 18px;}
.new01 .content ul li  p {font-size: 22px;line-height: 32px;color: #333333;margin-bottom: 42px;height: 65px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.new01 .content ul li .bot {padding: 30px 0 30px;}
.new01 .content ul li  .ot {display: flex;justify-content: flex-end;}
.new01 .content ul li  .ot span{    margin-right: 25px; font-size: 18px; font-family: Arial; display: flex; justify-content: center; align-items: center;}
.new01 .content ul li  .ot span img {width: 26px;margin-right: 10px;}
.new01 .content ul li  .ot span:last-child{margin-right: 0px;}

.new01 .content ul li .bao {position: relative;}
.new01 .content ul li .bao:hover .cc{opacity: 1;}
.new01 .content ul li .bao .cc {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;opacity: 0;transition: .5s;padding: 76px 50px;background: url("/style/img/cc.jpg");}
.new01 .content ul li .bao .cc h3 {color: #ffffff;}
.new01 .content ul li .bao .cc p {color: #ffffff;font-size: 20px;}
.new01 .content ul li .bao .cc .ccot span {color: #ffffff;}
.new01 .content ul li .bao .cc .ccot span  img {filter: brightness(2);}
.new01 .content ul li .bao .cc h4 {  text-align: justify;  opacity: .8; font-size: 16px;color: #ffffff;line-height: 26px;margin-bottom: 85px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.new01 .content ul li .bao .cc .ccot {display: flex;justify-content: space-between;}
.new01 .content ul li .bao .cc .ccot .ccmore {width: 113px;height: 42px;color: #ffffff;text-align: center;line-height: 40px;font-family: Arial;    border: 1px solid #ffffff;}
.new01 .content ul li .bao .cc .ccot .ccmore:hover {background-color: #ffffff;color: #333333;}
.new01 .page {background: url("/style/img/qie.jpg" );background-size: cover;padding: 68px 0;    display: flex; justify-content: center;}
.new01 .page .nav-links  a {width: 46px;height: 46px;border: 1px solid #ffffff;color: #ffffff;font-size: 13px;text-align: center;line-height: 46px;    margin-right: 18px;}
.new01 .page .current {width: 46px;height: 46px;border: 1px solid #ffffff;color: #ffffff;font-size: 13px;text-align: center;line-height: 46px;    margin-right: 18px;}
.new01 .page .nav-links {display: flex;}
.new01 .page a:last-child{margin-right: 0px;}
.new01 .page a:hover {background-color: #1f9d8d;}
.news01 .content .left p img {height: auto;width: auto;max-width: 100%;}
.new01 .page  nav h2{display: none;}
.new01 .page .current {background-color: #1f9d8d;border: none;}





/* yd09/2 */

.yd09 .top .box .right h3 { font-size: 26px; color: rgb(31, 157, 141); margin-bottom: 12px; font-weight: 650;     display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}

.yd09 .top .box  p { font-size: 17px; width: 100%; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 23px;}
.yd09 .top .box .ri { width: 85px;     position: relative;}
.yd09 .top .box  .ri::before { position: absolute; width: 90px; height: 1px; background-color: rgb(230, 230, 230); content: ""; }
.yd09 .top .box .ri .sp_1 { display: flex; justify-content: center; align-items: center; }
.yd09 .top .box  .ri span { font-size: 12px; position: relative; color: black; }
.yd09 .top .box  .ri .sp_1 strong { font-weight: 100; font-size: 38px; color: rgb(31, 157, 141); position: relative; margin-right: 10px; }
.yd09 .top .box  .ri .sp_1 .sp_2 { font-weight: 100; display: flex; flex-direction: column; padding-top: 5px; }
.yd09 .top .box .ri .sp_1 .sp_2 i { font-weight: 100; font-size: 12px; font-family: "arial"; color: black; margin-top: 5px; font-style: normal;}
.yd09 .top .box .ri .sp_1 strong::after { content: ""; width: 1px; height: 10px; position: absolute; top: 6px;     left: 43px; background-color: rgb(230,230,230); }
.yd09 .top .box .ri::after { content: ""; position: absolute; width: 75px; height: 1px; background-color: rgb(230, 230, 230); top: 38px; }
.yd09 .top .box .ri .sp_1 strong { font-weight: 100; font-size: 34px;  margin-right: 8px; }
.yd09 .top .box:hover p {color: rgba(255,255,255,0.6);}



.wpcf7-form br{ display:none;}
.bd-mask .tcbox .contwarp .cont .left .wpcf7-form span{ position: relative; display: block; overflow: hidden; width: 100%; }
.bd-mask .tcbox .contwarp .cont .left .wpcf7-form span span{    position: absolute;    top: 0;    right: 10px;    color: #f5a900;    width: auto;    line-height: 40px;    font-weight: bold;}
.bd-mask .tcbox .contwarp .cont .left .wpcf7-form .wpcf7-response-output.wpcf7-validation-errors{    text-align: left;}
 

.screen-reader-response{ display: none;}
.ctt07 .content ul li span{ width: 100%; position: relative; display: block; overflow: hidden;}
.ctt07 .content ul li span span{position: absolute; width: auto; top: 0; right: 20px; color: #fff; line-height: 40px; font-weight: bold; letter-spacing: 0; font-size: 14px;}
.ctt07 .content ul li textarea{ height: 120px; font-size: 18px; padding-left: 18px; width: 100%; background-color: #ffffff1f; border: 1px solid #87a8a6; outline: none; color: #ffffff; padding-top: 10px;}
.wpcf7-response-output,.wpcf7-validation-errors{ display: block; color: #f5a900; margin-top: 20px; text-align: right; font-size: 20px; font-weight: bold;}
.ctt07 .content .wpcf7-submit{overflow: hidden; cursor: pointer;border: 0;z-index: 0; position: relative; width: 175px; height: 50px; background-color: #f6ab00; text-align: center; line-height: 50px; font-size: 18px; color: #ffffff;}
 




@media only screen and (max-width: 1600px){
    .star-fl .s:hover .bot .botl h3 { transform: translateY(-38px); }
    .star-fl .s .top .title { width: 120px;}
    .star-fl .s .botf .bot h5 { font-size: 16px;}
    .star-fl .s .botf .bot h3 i { font-size: 32px; }
    .star-fl .s .botf::after { height: 36%; }
     .star-fr .mid .search { width: 34px; height: 34px; line-height: 33px; }
    .star-fr .mid .social-share .social-share-icon { width: 34px; height: 34px; line-height: 30px; }
    .star-fr .mid { padding: 43px 23px;  height: calc(44% - 86px); }
    .star-fr .bot h5,.star-fr .bot h5{ font-size: 12px;}
    .star-fl .s .botf .bot h3 { font-size: 19px;}
    .star-fl .s .botf .bot .botr i { width: 46px; height: 46px; border-radius: 50%; border: 1px solid white; text-align: center; line-height: 46px; color: #fff; font-size: 27px; }
    .star-fr .mid a{font-size: 18px;}
    .star-fr{width: 80px; top: 80px;}

.drawer-hamburger{ width: 80px; height: 80px;}
.drawer--right.drawer-open .drawer-nav{ right:80px; }
.drawer-menu dl dd h3 a{ font-size: 26px; font-weight: normal;}
.drawer--right .drawer-nav{    width: calc(100% - 80px);}
.drawer-menu dl dd h3{width: 150px; margin: 0 0 20px 0; }
.drawer-menu dl dd h4 a{font-size: 16px;}
.drawer-menu dl dd .txt .left strong span{ font-size:14px;}
.drawer-menu dl dd .txt .left strong img{ height:100px; }


.star-fr .bot { padding-top: 65px; }

.logo img { width: 130px; height: 50px; }
.logo span { color: #fff; font-size: 14px; margin: 0px 0 0 0; display: block; }
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before { width: 36px; }
.star-fr .mid { padding: 28px 23px; height: calc(44% - 40px); }
.star-fr .bot { height: 46%; padding-top: 27px; }
.star-fr .mid .search .fa { width: 32px; height: 32px; line-height: 32px; }

/* common */

.more span { font-family: Times New Roman; color: rgb(31, 157, 141); margin-right: 46px; position: relative; font-size: 16px; }

.more .fa { color: rgb(31, 157, 141); width: 20px; height: 20px; border-radius: 50%; line-height: 20px; text-align: center; border: 1px solid rgb(31, 157, 141); font-size: 15px; transition: .3s; }
.more:hover span::before { left: 107px; }
.more:hover .fa-angle-right:before { left: 5px; }
.more .niu {     color: rgb(195, 229, 222); width: 30px; height: 30px; border-radius: 50%; line-height: 30px;}
.more .niu .iconfont {    font-size: 30px; left: -13px; top: -1px; }

/* ydbanner */
.ydF { width: calc(100% - 80px); }
 .innerbanner .main .top h3 {    color: white;     font-size: 44px; font-weight: 100; margin-bottom: 20px;}
 .innerbanner .main .top h4 { font-size: 142px;color: white;  font-weight: 300;    margin-bottom: 28px; }
 .innerbanner .main .top h5 { font-size: 60px;position: relative; color: white; }
 .innerbanner .main .bot ul li { font-size: 25px; }
 .innerbanner .main .bot { padding: 0 71px; }
 .innerbanner .main .top {     margin-bottom: 118px;}
 .innerbanner .main{bottom: 60px;}
/* yd01 */
.yd01 { padding: 74px 0 73px; }
.yd01 .top h3 { font-size: 30px; color: rgb(54,54,54);margin-bottom: 44px; line-height: 46px; }
.title h3 { font-size: 19px; color: rgb(102,102,102); margin-bottom: 20px; }
.title h4 { font-size: 35px; color: rgb(31, 157, 141); font-weight: 650; }
.yd01 .bot { width: 811px; font-size: 38px; color: rgb(54,54,54); font-weight: 650; line-height: 46px; margin-bottom: 0px; position: absolute; right: 71px; top: 225px; }
.yd01Swiper { overflow: hidden; height: 236px; }
.yd01 .bot .box { width: 324px;     padding: 21px; }
.yd01 .bot .box h3 {     font-size: 18px; font-weight: 650; color: rgb(54,54,54); margin-top: 12px; }
.yd01-prev,.yd01-next {width: 30px!important; height: 30px!important; line-height: 30px;}
.yd01-prev .fa ,.yd01-next .fa{        width: 28px; height: 28px; line-height: 28px;}
.yd01 .bot { width: 680px;right: 124px;}
.yd01-prev { left: -110px!important;}
.yd01 .bao {    width: 133px; height: 161px; }
.yd01 .bot .box img {height: 133px;    left: -8px;}

/* yd02 */
.yd02 .main { justify-content: space-between; }
.yd02 .wen { font-size: 132px; font-weight: 600; letter-spacing: 10px;     right: -239px; top: 263px;}
.yd02 .main::before {  left: -111px; top: -91px; background: url("/style/img/yd02-1.png"); width: 379px; height: 270px; background-repeat: no-repeat; background-size: 72%; }
.yd02 .main .left .t {    margin-bottom: 60px; width: 332px; }
.yd02 video {     height: 278.23px; width: 469.36px;}
.yd02 .video { top: 0px; left: 0px; height: 278.23px; width: 469.36px;}
.yd02 .main .left .t .Start {     top: 44%; left: 66%; width: 43px; height: 43px; background-size: 100%;}
.yd02 .main .left .b .title { margin-bottom: 25px; }
.title h3 {     font-size: 22px; margin-bottom: 6px;}
.title h4 {       font-size: 46px; }
.yd02 .main .left .b h5 { font-size: 16px; line-height: 28px; margin-bottom: 40px; width: 84%; text-align: justify;}
.yd02 .main .right{ width: 64%;}
.yd02 .main .right .t h3 {    font-size: 32px; line-height: 40px; margin-bottom: 54px; width: 356px; margin-right: 56px;}
.yd02 .main .right .t h3::before { left: -95px; width: 74px; height: 1px; top: 17px; }
.yd02 .main .right .b{border-bottom-left-radius: 40px; overflow: hidden; width: 633.83px; height: 402.31px;}
.yd02 .main .right .b img {    width: 633.83px; height: 402.31px;}


/* yd03 */
.yd03 .bot.box .sp_1 {  bottom: 56px; left: 20px; font-size: 19px; }
.yd03 .bot .box .sp_1 strong {        font-size: 30px; font-weight: 300; font-family: "arial"; }
.yd03 .bot .box .imgbot {    margin-top: 11px; }
.yd03 .bot .box .imgbot .sp_2 {    font-weight: 650;     font-size: 20px;}
.yd03 .title {    margin-bottom: 64px; }
.yd03 .bot .box .imgbot .fa {font-size: 17px;top: -2px; left: -54px; }
.yd03 .bot .box .sp_1 { bottom: 19px; left: 21px;font-size: 20px;    font-size: 16px; font-family: "arial";}
.yd03 .swiper-slide-active { transform: scale(1.3)!important;    right: -1px;}
/* .yd03 .swiper-slide-prev {left: -8px; } */
@keyframes mytwo {
    0% {
        transform: translate(0px, 0px);opacity:0;
    }
    50% {
        transform: translate(50px, 0px);opacity:1;
    }
    100% {
        transform: translate(0px, 0px);opacity:0;
    }
}

.yd03 .swiper-slide-prev .box .imgbot .fa {display: none;} */
.yd03 .bot { padding: 0px 10px;margin-bottom: 32px;}

.yd03 {     padding: 69px 0 20px; }


.yd03 .more { margin-top: 81px; }

/* 
.yd03 .swiper-slide-next {     right: -9px;} */
/* yd04 */
.yd04 { padding: 124px 0 164px; }
.yd04 .left { margin-right: 104px; width: 39%; }
.yd04 .left .dis {right: -12px; bottom: -31px; }
.yd04 .left a { width: 122px; height: 122px; }
.yd04 .left a span {     font-size: 16px;    }
.yd04 .dis a i {width: 30px; height: 30px; line-height: 28px; font-size: 20px; margin-top: 9px; }
.yd04 .right { width: 38%; }
.yd04 .right::before { width: 237%; left: -89%; top: -21%; height: 156%; }
.yd04 .right .t { margin-bottom: 45px; }
.yd04 .right .t h3 {     font-size: 22px; margin-bottom: 14px; font-family: Times New ROman; }
.yd04 .right .t h4 {        font-size: 46px;}
.yd04 .right .b ul li { width: 44%; padding-bottom: 10px; margin-right: 6%; margin-bottom: 34px; }
.yd04 .right .b ul li .s_1 { font-size: 18px; }
.yd04 .right .b ul li .s_1 strong {     font-size: 40px; margin-right: 7px; font-family: "arial";}
.yd04 .right .b ul li .s_2 { margin-top: 4px; font-size: 16px; }
.yd04 .left img {     width: 432px; }


/* yd05 */
.yd05 {padding-bottom: 332px;}

.yd05 .main {top: 46%;}
.yd05 .t-m {    padding: 220px;}
.yd05 .main .title { margin-bottom: 47px; }
.yd05 .main .bot {     background-color: rgb(0, 74, 71); padding: 59px 27px; }
.yd05 .main .bot ul li {       padding: 58px 24px; margin-right: 8px; }
.yd05 .main .bot ul li .line {     width: 91px; height: 1px; margin: 12px 0; }
.yd05 .main .bot ul li .t img {    width: 50px; }
.yd05 .main .bot ul li .t h3 {  font-weight: 650; margin-top: 15px; font-size: 18px;}
.yd05 .main .bot ul li .b p {  height: 130px;  color: white; font-size: 14px; line-height: 26px; width: 106px;} 


/* yd06 */
.yd06 { padding: 120px 0 103px 0; }
.yd06 .top {    margin-bottom: 75px;}
.yd06 .top::before { height: 145%; top: -46px;}
.yd06 .top .le {     margin-right: 65px;width: 204px; margin-bottom: 49px;}
.yd06 .top .le  h3 {     font-size: 24px; margin-bottom: 10px;}
.yd06 .top .le h4 {     font-size: 40px; width: 200px;}
.yd06 .top .ri li {     width: 29%; margin-right: 19px;}
.yd06 .top .ri li .bao {  margin-bottom: 11px; }
.yd06 .top .ri li h3 {     font-size: 16px; margin-bottom: 9px;}
.yd06 .top .ri li h4 { font-size: 14px; }
.yd06 .bot h3 {       font-size: 38px; margin-bottom: 15px;}
.yd06 .bot p {     line-height: 30px; font-size: 16px; }


/* yd07 */
.yd07 { padding-top: 72px;}
.yd07 .title {     margin-bottom: 60px; }
.yd07 .huan {        width: 845px; margin: auto; position: initial; transform: none;}

.yd07 .mid {position: relative;}
.yd07 .mid ul li:nth-of-type(1) {     top: 54%; left: 9.3%;}
.yd07 .mid ul li::before {    width: 100px; height: 100px;}
.yd07 .bot .t ul { padding-left: 31px; }
.yd07 .mid ul li img {          width: 43px; top: -8px; position: relative;}
.yd07 .mid ul li h3 {    position: absolute; bottom: 50px; font-size: 18px;}
.yd07 .mid ul li:nth-of-type(2) {     top: 9%; left: 23%; }
.yd07 .mid ul li:nth-of-type(3) { top: -13%; left: 45.5%;}
.yd07 .mid ul li:nth-of-type(4) {  top: 11%; left: 69%;}
.yd07 .mid ul li:nth-of-type(5) {     top: 54%; left: 80%;}
.yd07 .mid ul li:nth-of-type(6) {       line-height: 30px!important; width: 423px; height: 361px; left: 56.8%; top: 55%; background-size: 59%; background-repeat: no-repeat; background-position: 24px; }
.yd07 .mid ul li .a_1 {       font-size: 22px; top: 103px; left: 126px;}
.yd07 .mid ul li .a_1 i {  font-size: 22px; top: -8px; }
.yd07 .mid ul li:nth-of-type(6) a i { left: 0; }
.yd07 .mid ul li .a_2 {          font-size: 22px; font-weight: 650; left: 188px; top: 210px; }
.yd07 .mid ul li .a_2 i { margin-top: -2px; font-size: 23px;}
.yd07 .mid ul li .a_3 {      font-size: 22px; top: 209px; left: 64px;}
.yd07 .mid ul li .a_3 i {     margin-top: -2px; font-size: 23px;}
.yd07 .bot .t {   padding: 0px 0 36px 0;}
.yd07 .bot .t::before {    width: 115%; height: 181%; left: 0px; top: -35px;}
.yd07 .bot .t ul li h3 {    font-size: 50px; margin-bottom: 9px; font-family: "arial";}
.yd07 .bot .t ul li h3 span {       font-size: 50px; margin-bottom: 15px; }
.yd07 .bot .t ul li h4 {    font-size: 16px;}
.yd07 .bot .b { padding: 20px 0; font-size: 16px; }
.yd07 .mid ul li {    width: 110px; height: 110px;}
.yd07 .mid ul li:nth-of-type(1) h3 {       top: -28%; left: -100%;}
.yd07 .mid ul li:nth-of-type(2) h3 {top: -26%; left: -17%; width: 135%; }
.yd07 .mid ul li:nth-of-type(3) h3 {top: -28%; left: -15%; width: 157%;}
.yd07 .mid ul li:nth-of-type(4) h3 {       top: -29%; left: -78%; width: 238%;}
.yd07 .mid ul li:nth-of-type(5) h3 { left: 31%; width: 208%; top: -26%; }







/* yd08 */
.yd08 {    padding: 54px 0 0px; } 
.yd08 h5 {     font-size: 114px; font-weight: 500; right: 21px;  top: 250px;}
.yd08 .main .left {    width: 53%; padding-top: 35px; padding-bottom: 56px;}
.yd08 .main .left img {    height: 587px; object-fit: cover;}
.yd08 .main .right{width: 36%;}
.yd08 .main .right .title { margin-bottom: 33px; }
.yd08  .title h3 { font-size: 19px; margin-bottom: 11px; }
.yd08  .title h4 { font-size: 35px; }
.yd08 .main .right p {     font-size: 20px; width: 296px; margin-right: 40px; line-height: 30px;}



/* yd09 */
.yd09 {     padding: 72px 0 96px;}
.yd09 .top { margin-bottom: 179px;}
.yd09 .top .box { width: 100%; padding: 38px 20px;}
.yd09 .top .box .top { margin-bottom: 21px; padding: 0px;}
.yd09 .top .box .top .le h3 {      font-size: 20px; margin-bottom: 12px; }
.yd09 .top .box .top .le h4 {font-size: 14px; }
.yd09 .top .box .top .ri { width: 85px; }
.yd09 .top .box .top .ri::after {height: 1px; top: 82px; }
.yd09 .top .box .top .ri::after {top: 89px; }
.yd09 .top .box .top .ri .sp_1 strong { font-size: 28px; margin-right: 10px; }
.yd09 .top .box .top .ri .sp_1 strong::after { width: 1px; height: 10px; top: 4px; left: 37px;}
.yd09 .top .box .top .ri .sp_1 .sp_2 { padding-top: 5px; }
.yd09 .top .box .top .ri .sp_1 .sp_2 i { font-size: 12px; margin-top: 5px; }
.yd09 .top .box .bot { width: 100%; }
.yd09 .top .box .bot p {     font-size: 14px;   width: 100%;line-height: 19px; }
.partners ul li {     margin-right: 11px; margin-bottom: 11px }

/* yd10 */
.yd10 {width: calc(100% - 80px);}
.yd10 { padding: 78px 0 70px; }
.yd10 .main h3 {   font-size: 30px; line-height: 40px;}
.yd10 .main a { font-size: 14px; width: 160px; height: 40px; line-height: 40px; margin-top: 25px;}









/* footer */
.footer {width: calc(100% - 80px);}
.footer .top { padding: 57px 55px; }
.footer .top .left { padding-right: 123px; width: 68%; }
.footer .top .left .t ul { margin-bottom: 56px; }
.footer .top .left .t ul li h3 { margin-bottom: 20px; }
.footer .top .left .t ul li h3 a {     font-size: 18px;}
.footer .top .left .t ul li .min p a {     font-size: 16px; }
.footer .top .left .b h3 {    font-size: 24px;margin-bottom: 24px; }
.footer .top .left .b .pe li h3 {margin-bottom: 10px; font-size: 16px;}
.footer .top .left .b .pe li h4 { font-size: 13px; }
.footer .top .right { width: 20%; }
.footer .top .right h3 {     font-size: 24px;margin-bottom: 28px;    left: -7px; }
.footer .top .right .code .code_1, .footer .top .right .code .code_2 { margin-right: 34px; }
.footer .top .right .code .code_1::before, .footer .top .right .code .code_2::before {     width: 111%;     height: 79%; top: -5px; left: -5.9px; }
.footer .top .right .code img { margin-bottom: 17px;      width: 90px;}
.footer .top .right .code .code_1 span { font-size: 16px; }
.footer .top .right .code .code_2 span { font-size: 16px; }
.footer .bot { background-color: rgb(71, 74, 85); padding: 15px 62px; }
.footer .bot span {    font-size: 16px; margin-right: 20px; }
.footer .bot .search {    width: 36px; height: 36px; line-height: 28px; margin-right: 5px; }
.footer .bot .search .fa {    font-size: 16px; width: 34px; height: 34px; line-height: 34px;}
.footer .top .left .t ul li .min p a::before { width: 0%; content: ""; position: absolute; background-color: rgb(31, 157, 141); height: 2px; transition: 0.2s; top: 19px; }

.footer .totop {    right: 85px; bottom: 15px; width: 33px; height: 33px; border: 2px solid rgb(47, 122, 118); }
.footer .totop i { font-size: 16px; }
.footer .bot .totop span { font-size: 12px; margin-right: 0px; }


.innerbanner .main .top h5::before { width: 47px;}
.innerbanner .main .top h5::after { width: 47px;}


.star-fl { width: calc(100% - 80px); display: flex; height: 100vh; }
.star-fr .bot h5 .se, .star-fr .bot h5 a { left: -1px;     top: 13px; font-size: 12px; }

.star-fr .bot h5 .se { top: 27px; }


/* common */
.icenter {width: 1080px;}

/* qj01 */
.qj01 { padding: 90px 0 0 0; }
.qjF .dul h3 {font-size: 20px; margin-bottom: 11px;}
.qjF .dul h4 {    font-size: 46px;}
.qj01 .top .right p {     line-height: 30px; font-size: 16px; margin-bottom: 36px;}
.qj01 .bot .right .video1 { width: 545px; height: 308px;    left: -184px;    top: -106px;}
.qj01 .bot .right video {width: 545px; height: 308px;    left: -184px;    top: -106px;}
.qj01 .bot .right .Start1 {     top: -1%; left: 20%; width: 50px; height: 50px; top: 6%;}
.qj01 .bgwen { left: 0px;     top: -144px; font-size: 134px; letter-spacing: 5px; }
.qj01 .main { margin-bottom: 184px; }
.qj01 .bot { display: flex; width: 97.3%; }

/* qj02 */
.qj02 { margin-top: 85px; margin-bottom:    34px; }
.qj02 .top .yi {    top: -183px; left: 780px;}
.qj02 .box {     width: 469px; padding: 43px 37px;}
.qj02 .box .left{ width: 47%;}
.qj02 .box .left .t {    margin-bottom: 19px;}
.qj02 .box .left .t h3 {    font-size: 30px; margin-bottom: 8px;}
.qj02 .box .left .t h4 {   font-size: 14px;}
.qj02 .box .left p {       font-size: 16px; margin-bottom: 29px; line-height: 21px;}
.qj02 .box .left .b span {    font-size: 16px;}
.qj02 .box .left .b span::after {    width: 19px; height: 1px; top: 14px; left: 67.5px; }
.qj02 .box .left .b i {     font-size: 20px; top: -2.5px; left: 72px;}
.qj02 .box img { width: 167px;}
.qj02Swiper {width: 1017px; left: 36px;}
.qj02-prev .fa { font-size: 24px; width: 34px; line-height: 27px; line-height: 32px; height: 34px;   }
.qj02-prev {    width: 36px!important; height: 36px!important; left: 1px!important;}
.qj02-next .fa {     font-size: 24px; width: 34px; line-height: 27px; line-height: 32px; height: 34px;}
.qj02-next {         width: 36px!important; height: 36px!important; right: -6px!important;}
.qj02Swiper .qj02-pagination { top: 284px!important; }





/* qj03 */
.qj03 .top { margin-bottom: 33px; }
.qj03 .read {     width: 140px; height: 40px; line-height: 40px; font-size: 14px; }
.qj03 .box .mid h3 {font-size: 14px;}
.qj03 .box .mid { width: 58px; height: 58px; top: -62px; }
.qj03 .box .mid i { top: 34px; left: 25px; font-size: 12px; }
.qj03 .box .b { position: relative; top: -55px;left: 0px; }
.qj03 .box .b h4 {        font-size: 16px; margin-bottom: 11px; }
.qj03 .box .b a {        font-size: 14px; }
.qj03Swiper { margin-bottom: 14px; }
.qj03 { padding-bottom: 205px; }
.qj03 .read { top: -34px; }

/* qj04 */
.qj04 .top { padding: 110px 63px;     top: -140px;}
.qj04 .top .left h3 {     font-size: 36px;}
.qj04 .top .left h4 {      font-size: 16px; margin-top: 20px;}
.qj04 .top .right .phone {    font-size: 19px; width: 202px; height: 36px; padding: 0px 16px; line-height: 36px; }

.qj04 .top .right .phone a { color: #fff; font-size: 18px; font-weight: bold; }
.qj04 .top .right .phone  i {    margin-right: 5px; font-size: 19px;}
.qj04 .top .right .acc {     width: 202px; height: 36px; line-height: 36px; border-radius: 25px; margin-top: 10px;font-size: 14px; }
.qj04 .bot { top: -96px; }
.qj04 { padding-bottom: 0px; margin-bottom: -14px;}
.qj04 .top .left h3 span { font-weight: 650; margin-top: 13px; }

/* qj05 */


.qj05 .right .top .t {     margin-bottom: 32px;}
.qj05 .right .top .t h3 {     font-size: 24px; margin-bottom: 16px;}
.qj05 .right .top .t h4 {      font-size: 46px;}
.qj05 .right .top .b ul li:nth-of-type(1) { padding-bottom: 26px;}
.qj05 .right .top .b ul li h3 { margin-bottom: 8px; }
.qj05 .right .top .b ul li h3 strong {       font-size: 40px; font-family: "arial";}
.qj05 .right .top .b ul li h3 span { margin-left: 8px;    font-size: 14px;}
.qj05 .right .top .b ul li h4 {font-size: 16px;}
.qj05 .right .top .b ul li:nth-of-type(2) { padding-left: 31px;}
.qj05 .right .top .b ul li:nth-of-type(3) { padding-top: 26px; padding-right: 31px; }
.qj05 .right .top .b ul li:nth-of-type(4) { padding-top: 26px; padding-left: 31px; }
.qj05 .right .top .b ul li:nth-of-type(2)::before {left: -5px; top: 85px; }
.qj05 .left { width: 56%; top: 79px; }
.qj05 .left .bot {     width: 492px; position: absolute; margin-top: 20px; color: rgb(50,50,50); font-size: 20px; font-weight: 650; right: -548px; z-index: 1; bottom: 31px; }
.qj05 .left .bot::after { width: 115px; height: 4px; left: -141px; top: 9px; }



/* qj06 */
.qj06 .main .top .dul { margin-bottom: 30px; }
.qj06 .dul h3 {      font-size: 22px; margin-bottom: 11px;}
.qj06 .dul h4{      font-size: 46px; letter-spacing: 1px;}
.qj06 .main .top .dul .bgwen { top: 31px; left: 6px; letter-spacing: -1px; font-size: 127px; font-weight: 600; }
.qj06 .main .top .dul { margin-bottom: 30px; }
.qj06 .main .top p {    font-size: 20px; font-weight: 950; letter-spacing: 1px; line-height: 30px; width: 600px; margin-bottom: 30px;}
.qj06 .main .top h5 {font-size: 16px;}
.qj06 .qj06-0 img { width: 333px; }
.qj06 .main .top { margin-bottom: 82px; }
.qj06 .main .bot ul li {     width: 32%; padding: 30px 25px; margin-bottom: 27px; }
.qj06 .main .bot ul li .t h3 {   font-size: 22px; margin-bottom: 10px;}
.qj06 .main .bot ul li:hover .t { border-left: 2px solid white; }
.qj06 .main .bot ul li .t {       margin-bottom: 20px; padding-left: 17px; border-left: 2px solid rgb(31, 157, 141);}
.qj06 .main .bot ul li .t h4 {     font-size: 14px;line-height: 26px; width: 97%;}
.qj06 .main .bot ul li .b {padding-left: 22px; }
.qj06 .main .bot ul li .b img { width: 35px;}
.qj06 { padding: 267px 0 53px 0; }
.qj06 .qj06-0 { right: 0px; z-index: 1; top: 210px;}


/* qj07 */
.qjF { width: calc(100% - 80px); overflow: hidden; }
.qj07 { padding: 93px 0 113px 0; background-size: 55%; }
.qj07 .top .dul {    margin-right: 0px; width: 44%; position: relative; left: 44px;}
.qj07 .top .dul h4 {       font-size: 38px; font-weight: 650; line-height: 46px; margin-bottom: 24px; width: 86%;} 
.qj07 .top p {       font-size: 16px; line-height: 27px; width: 86%;}
.qj07 .top .bgwen { top: 6px; right: -236px;    font-size: 138px; font-weight: 650; letter-spacing: 5px; }
.qj07 .top { margin-bottom: 109px;}
.qj07 .bot ul li  .t {  width: 85px; height: 85px; }
.qj07 .bot ul li .t img { width: 37px; }
.qj07 .bot ul li h5 { font-size: 14px; } 
.qj07 .bot ul {    padding: 0 143px 0 119px; }
.qj07 .bot ul::before {      width: 109%; height: 146%; top: -22px; left: -52px; background-size: 100%; background-position: 0px 0px;}


/* qj08 */
.qj08 .left { position: relative; width: 44%; }
.qj08 .right {width: 100%;}
.qj08 .left .dul h3 {       margin-bottom: 20px; font-size: 22px;}
.qj08 .left .dul h4 { line-height: 45px; font-size: 30px;}
.qj08 .left .line {      width: 71px; height: 3px; background-color: rgb(153, 153, 153); margin: 30px 0 30px 0;}
.qj08 .left p {   width: 88%; font-size: 16px; line-height: 28px; letter-spacing: 1px; text-align: justify;}
.qj08 .left .bgwen { top: 5px; font-size: 221px; letter-spacing: 6px; left: 3px; }
.qj08 .right ul li:nth-of-type(1) a .bao {      left: 52px; width: 323px;}
.qj08 .right ul li:nth-of-type(1) a .wen {     bottom: 17px; left: 71px; width: 137px;}
.qj08 .right ul li a .wen h3 {        font-size: 18px; margin-bottom: 7px;}
.qj08 .right ul li a .wen h4 {     font-size: 16px; }
.qj08 .right ul li:nth-of-type(1) a::after {     top: 35px; left: 56px; width: 83.9%; height: 81.3%;}
.qj08 .right ul li:nth-of-type(2) a .bao {     width: 334px; }
.qj08 .right ul li:nth-of-type(2) a .wen {    bottom: 19px; left: 22px;}
.qj08 .right ul li:nth-of-type(2) a::after { top: 0px; left: 4px; width: 87%;}
.qj08 .right ul li:nth-of-type(3) a .bao {   width: 318px; left: 62px; }

.qj08 .right ul li:nth-of-type(3) a .wen {bottom: 18px; left: 81px;}
.qj08 .right ul li:nth-of-type(3) a::after {     top: 0px; left: 65px; width: 82.8%; height: 98.5%;}
.qj08 .right ul li:nth-of-type(4) a .bao {     width: 327px; left: 7px; position: relative; top: 0px;}
.qj08 .right ul li:nth-of-type(4) a .wen {         bottom: 19px; left: 28px;}
.qj08 .right ul li:nth-of-type(4) a::after {     top: 6px; left: 10px; width: 85.4%; height: 95.4%;}
.qj08 .right ul li {margin-bottom: 1px;    width: 50%;}
.qj08 .right ul li:hover .bao { border: 4px solid rgb(32, 157, 143); }
.qj08 .right ul li .bao { border: 4px solid white; }
/* qj09 */
.qj09 .top .ri a:nth-of-type(5) { margin-bottom: 0px; }
.qj09 { padding: 70px 0; }
.qj09 .top { margin-bottom: 35px; align-items: flex-start;}
.qj09 .top .le { width: 37.3%; border-right: 1px solid rgb(193, 194, 198); }
.qj09 .top .le img {    width: 373px; }
.qj09 .top .le .case { top: 47%; left: 46%; }
.qj09 .top .le .case h3 {     font-size: 26px; margin-bottom: 9px; }
.qj09 .top .le .case h4 {    font-size: 50px; font-weight: 800; width: 203px;}
.qj09 .top .ri { width: 60%; }
.qj09 .top .ri a {      padding: 14.6px 32px; margin-bottom: 11.5px;}
.qj09 .top .ri a .l { display: flex;  align-items: center; }

.qj09 .top .ri a .l h3 strong {     font-size: 20px; font-weight: 100; }
.qj09 .top .ri a .l h3 span {     font-size: 14px; margin-left: -4px; }
.qj09 .top .ri a .l p {    font-size: 16px; font-weight: 950;}
.qj09 .top .ri a .r .jia {     width: 36px; height: 36px; line-height: 36px; font-size: 22px; font-weight: 100; }
.qj09 .top .ri a .r .jia::before{    left: 0px; transition: .3s; width: 34px; height: 34px; line-height: 34px; }
.qj09 .bot { padding: 17px 38px; }
.qj09 .bot .l img {width: 44px; margin-right: 23px; }
.qj09 .bot .l p {     font-size: 26px; font-weight: 800; width: 220px;}
.qj09 .bot .l span {     margin-left: 13px; font-size: 16px;}
.qj09 .bot .r .jia {    font-size: 40px;    top: -2px; left: 1.1px;}

.qj09 .bot .r {width: 50px; height: 50px; }

 .info::before {     content: ''; display: block; height: 117px; width: 1px; position: absolute;     left: 1%; top: 14px; background-color: #b3aaaa; z-index: 0; }
 .info::after {     content: ""; background: rgb(31,157,141); position: absolute; width: 2px; height: 18px; top: 32%; left: 9px;}
 .info {display: none;position: relative;}
 .info li {    padding-left: 4%; padding-bottom: 3%;padding-top: 10px;}
 .info li h4 {font-size: 13px; line-height: 30px; border-bottom: 1px solid #B3AAAB; padding-bottom: 16px;}
 .qj09 .top .ri .min .item .info::after { left: 5px; }




/* qj10 */
.qj10 { padding: 79px 0 213px 0; }
.qj10 .main .left .dul h4 { margin-bottom: 55px; }
.qj10 .main .right ul li {     width: 100px; height: 100px;}
.qj10 .main .right ul li h5 {    font-size: 16px; font-weight: 850; letter-spacing: 1px; width: 140px; height: 40px; line-height: 40px; top: 33px; left: 4px; }
.qj10 .main .right ul li span {     top: -57px; left: 88px; width: 50px; height: 50px; font-size: 14px; line-height: 50px; font-weight: 650; }
.qj10 .main .right ul li:nth-of-type(1) {     top: 217px; left: -53px;}
.qj10 .main .right ul li:nth-of-type(2) { left: 28px; top: 8px;}
.qj10 .main .right ul li:nth-of-type(3) { left: 160px; top: 122px; }
.qj10 .main .right ul li:nth-of-type(4) { left: 343px; top: 219px; }
.qj10 .main .right ul li:nth-of-type(5) {     left: 393px; top: 4px; }
.qj10 .main .right ul li:nth-of-type(6) {    left: 562px; top: 150px; }



/* .contactF */
.contactF { width: calc(100% - 80px); }
.contactbanner .main .top h3 { font-size: 28px;}
.contactbanner .main .top h6 { font-size: 46px; line-height: 60px;}
.contactbanner .main .top { margin-bottom: 0px; }
.contactbanner .main { bottom: unset; }

/* ctt01 */
.ctt01 .box { width: 180px;}
.ctt01 .box a { font-size: 14px; height: 40px; line-height: 36px; }
.ctt01 .box i { background-size: 80%; margin: 0px auto 18px;}
.ctt01 .box a span { margin-left: 16px; }


/* cttt02 */
.ctt02 .content .left h3 { font-size: 36px;}
.ctt02 .content .left h4 { font-size: 20px; margin-bottom: 32px; }
.ctt02 .content .left h4 span { margin-top: 16px; }
.ctt02 .content .right h5 { font-size: 24px; line-height: 33px; margin-bottom: 46px; width: 203px; }

.ctt02 .content .right .box img { width: 102px; }
.ctt02 .content .right .box span { font-size: 16px;    margin-top: 8px;}
.ctt02 { padding: 90px 0 134px;}
.ctt02 .content .right .nei {     padding: 50px 36px; left: -290px; top: -147px; }
.ctt03 .box h3 { font-size: 46px; margin-bottom: 30px;}
.ctt03 .box h3 span { font-size: 30px; margin-left: 24px; }
.ctt03 .box p { font-size: 16px; line-height: 40px; height: 122px; width: 434px; }
.ctt03 .box { width: auto; }
.ctt04 .top .box { width: 120px; height: 120px; border-radius: 50%; line-height: 120px; font-size: 52px; }
.ctt04 .top .box1 { left: 26px;}
.ctt04 .top:hover .box1 { left: 120px; }
.ctt04 .top:hover .box2 { right: 90px; }
.ctt04 .top .box2::after { width: 96%; height: 96%; left: 3px; top: 3px;}
.ctt04 h3 { font-size: 38px; margin-bottom: 26px; }
.ctt04 .top { margin-bottom: 36px; }
.ctt04 p { font-size: 24px; line-height: 40px;}
.ctt04 { padding: 70px 0 70px;}


.ctt05 .content h4 { font-size: 46px; margin-bottom: 55px; letter-spacing: 0px;}
.ctt05 .content ul li .imgbox { width: 57px; height: 57px;}
.ctt05 .content ul li .imgbox img { width: 32px;}

.ctt05 .content ul li h3 { font-size: 24px;}

.ctt05 .content ul li h3 span { font-size: 16px; letter-spacing: 2px; margin-top: 3px; }
.ctt05 .content ul li { margin-right: 84px;}

.ctt05 .content ul { margin-bottom: 85px; }
.ctt05 .content .bot input { font-size: 16px; padding-left: 20px; width: 273px; height: 36px;}

.ctt05 .content .bot button { width: 102px; line-height: 36px; font-size: 14px;}

.ctt05 { padding: 106px 0;}
.ctt06 h3 { font-size: 46px; margin-bottom: 24px; }
.ctt06 h4 { padding: 12px 42px; font-size: 18px; margin-bottom: 44px; }

.ctt06 .bot .left h5 { font-size: 30px; line-height: 45px; }

.ctt06 .bot .right i { font-size: 60px;}
.ctt06 .bot .right a { font-size: 32px; padding-bottom: 19px; margin-left: 10px; }
.ctt06 .bot .left { padding-right: 66px; margin-right: 66px;}

.ctt06 { padding: 116px 0 109px;}

.ctt07 .content h3 { font-size: 40px; margin-bottom: 34px;}

.ctt07 .content ul li i { font-size: 33px; margin-right: 5px; }

.ctt07 .content ul li input { padding-left: 14px; height: 34px;}
.ctt07 .content ul  li input::-webkit-input-placeholder{font-size: 16px;}
.ctt07 .content ul li { margin-bottom: 20px; }
.ctt07 .content .bot { margin-top: 33px; }
.ctt07 .content .bot h4 { font-size: 20px;}
.ctt07 .content .bot h4 span { font-size: 32px;}
.ctt07 .content .bot a { width: 130px; height: 40px; line-height: 40px; font-size: 16px; }

.ctt07 { padding: 90px 0 88px; }


/* honor01 */
.honor01 .content .left h3 { width: 400px; font-size: 38px;    margin-bottom: 24px;}
.honor01 .content .left p { font-size: 16px; line-height: 28px; margin-bottom: 24px; }
.honor01 .content .left h4 { width: 445px; font-size: 30px; font-size: 24px; margin-bottom: 38px; line-height: 32px; }
.honor01 .content .left a { font-size: 16px;}
.honor01 { padding: 86px 0;}
.honor01 .content .right img { width: 508px;    left: -55%;}


.honor02 .content .top h3 { font-size: 70px;    display: flex; align-items: center;}
.honor02 .content .top h4 {    font-size: 30px; line-height: 40px;}
.honor02 .content .top h3 strong { font-size: 62px;}
.honor02 .content .top { padding: 38px; margin-bottom: 70px;     width: 435px; }
.honor02 .content h5 { font-size: 22px; margin-top: 46px;}

.honor02 .content .honor02Swiper {padding: 0 70px;}
.honor02 { padding-bottom: 80px;}
.honor02 .content .honor02Swiper .honor02Swiper-prev { font-size: 46px; }
.honor02 .content .honor02Swiper .honor02Swiper-next { font-size: 46px;}
.honor03 p { font-size: 20px; line-height: 30px; }

.honor03 {padding: 90px 0; }
.honor04 { padding: 260px 0;}

.honor05 .content .honor05Swiper { padding: 0 70px;}
.honor05 .content h3 { font-size: 38px; margin-bottom: 40px;}
.honor05 .content p { font-size: 16px; line-height: 30px; margin-top: 40px;}

.honor05 { padding: 100px 0;}

.honor06 .top h3 { font-size: 20px; margin-top: 16px;}
.honor06 h4 { font-size: 38px; margin-bottom: 12px; }
.honor06 .top {margin-bottom: 26px; }

.honor06 p { font-size: 18px; line-height: 30px; }
.honor06 .top .box img { width: 55px;}
.honor06  {padding: 70px 0;}

.honor07 ul li h3 { font-size: 26px; padding: 0 10px; margin-bottom: 16px; padding: 6px 0; }


.honor07 ul li h4 { font-size: 14px; margin-bottom: 59px; }
.honor07 ul li .line { height: 6px;}

.honor07 ul li .a { font-size: 16px;}


/* hty01 */
.hty01 { padding: 360px 0 70px; }
.hty01 p { font-size: 22px; line-height: 37px; }
.hty02 .content { padding: 90px;}
.hty02 .content h3 { font-size: 28px; margin-bottom: 20px;}
.hty02 .content h4 { font-size: 46px;}
.hty02 .content .line { height: 47px; width: 200px;}
.hty02 .content h5 { font-size: 16px; line-height: 26px;}
.hty03 .content .box .top h3 { font-size: 38px;margin-bottom: 9px;}
.hty03 .content .box .top h4 { font-size: 16px; opacity: 0.5; line-height: 26px; height: 38px;}
.hty03 .content .box .top { margin-bottom: 50px; }



.hty03 .content .hty03-button-prev { width: 36px; height: 60px; font-size: 21px; line-height: 60px; left: -51px; bottom: 103px; }
.hty03 .content .hty03-button-next { width: 36px; height: 60px; font-size: 21px; line-height: 60px; bottom: 103px; right: -51px; }
.hty03 .content { padding: 200px 0 200px;}
.hty03 .content .fen { bottom: 123px; }
.hty03 .content .fen ul li .bot .child .wen { top: 30px; left: -15px; font-size: 14px; width: 58px; }


.hty03Swiper  .box .bao  {height: 180px;}
.hty03Swiper .swiper-slide-active .box  .bao img{height: 180px;opacity: 1;}



.hty04 h5 { width: 387px; font-size: 38px; margin-bottom: 26px; }
.hty04 .box .right h3 { font-size: 38px; margin-bottom: 23px; }
.hty04 .box .right h4 { font-size: 16px; line-height: 28px; }
.hty04 .box .right { width: 427px; }

.hty04 .box .left .bao img { height: 100%; transition: .5s; width: 100%; }
.hty04 .box .left { margin-right: 80px;    width: 486px; }
.hty04 .box::after { z-index: -1; width: 80%;}
.hty04Swiper .hty04-button-prev { width: 48px; height: 48px; font-size: 20px; bottom: 94px; right: 466px; }
.hty04Swiper .hty04-button-next { width: 48px; height: 48px; font-size: 20px; bottom: 94px; right: 429px; }
.hty04 { padding: 70px 0 100px;}

.hty05 ul li .box h3 { font-size: 46px;  margin-right: 16px; }
.hty05 ul li .box h4 { font-size: 16px; line-height: 20px;}

.hty06 p {font-size: 18px;}

.hty07 .content ul li .bot { margin-top: 20px; }
.hty07 .content ul li .bot h3 { font-size: 24px; margin-bottom: 14px; }
.hty07 .content ul li .bot p { text-align: justify; font-size: 14px; line-height: 26px; }

.hty07 { padding: 120px 0; }



/* abbaner */
.abbanner .main .top h3 {    font-size: 36px;}
.abbanner .main .top h6 {    font-size: 24px; line-height: 26px;}
.abbanner .main .top {margin-bottom: 100px;}
.abbanner ul li h3 { font-size: 80px;}
.abbanner ul li h4 { font-size: 16px; color: #ffffff; margin: 15px 0; }
.abbanner ul li:nth-of-type(1) {     padding-right: 48px; }
.abbanner ul li:nth-of-type(3) { padding-left: 73px; }
.abbanner ul li:nth-of-type(2) { width: 58%;}
.abbanner ul li sup { font-size: 36px;}

.ab01 h3 { font-size: 46px; margin-bottom: 20px;}
.ab01 h4 { font-size: 16px; margin-bottom: 20px; }
.ab01 .wen { font-size: 127px; top: -19px; }
.ab01 h5 { font-size: 16px; line-height: 27px; }
.ab01 { padding: 91px 0 40px; }

.ab02 video { height: 500px;}

.ab02 .text .bo { width: 60px; height: 60px; margin-bottom: 16px;}

.ab02 .text .bo i { left: 53%; top: 50%; font-size: 18px;}
.ab02 .text h3 { font-size: 38px; margin-bottom: 18px; }
.ab02 .text h4 { font-size: 20px; }
.ab02 ul li { width: 25%; padding: 14px 50px;}
.ab02 ul li h3 { font-size: 16px; line-height: 24px; }
.ab02 ul .ri img { width: 22px; }
.ab03 h4 { font-size: 28px; line-height: 43px;}
.ab03 h3 {margin-bottom: 2px;}
.ab04 { padding: 90px 0; }
.ab04 h3 span { font-size: 115px;}
.ab04 h3 { font-size: 38px;margin-bottom: 0px;}
.ab04 h4 { font-size: 26px; line-height: 40px; margin-bottom: 20px;}
.ab05 { padding: 90px 0;}
.ab05 h3 { font-size: 38px; margin-bottom: 14px; }
.ab05 h4 { font-size: 16px; margin-bottom: 26px; }
.ab05 .bot .right p { font-size: 16px; line-height: 28px;}
.ab05 .bot .left ul li span { font-size: 20px;}
.ab05 .bot .left ul li img {width: 26px;}
.ab05 .bot .left ul li { width: 481px; padding: 20px 0 20px 56px; display: flex; margin-bottom: 20px; border-radius: 60px; }
.ab05 .bot .mid img { width: 310px;}

.ab05 .bot .right p { font-size: 16px; line-height: 30px; width: 387px;}
.ab05 .bot .right { width: 387px; margin-left: -94px; top: -88px; }

.ab05 .bot .mid .bao .bit { width: 40px; height: 40px; top: 45%; left: 152px;}

.ab05 .bot .mid .bao .bit span::after { width: 26px; height: 1px; right: -20px; top: 18px; }
.ab05 .bot .mid .bao .bit span { width: 10px; height: 10px;}
.ab05 .bot .left ul li img:nth-of-type(1) { width: 26px;}
.ab07 .left h3 { font-size: 20px; padding: 8px 0;}
.ab07 .right h3 strong { font-size: 115px;}
.ab07 .right h3 { font-size: 38px;}
.ab07 .right h4 { font-size: 38px; margin-bottom: 36px;    text-align: end; letter-spacing: 2px;}
.ab07 .right { width: 35.3%; }
.ab07 .right {width: 56%;}
.ab07 .left .bao img {width: 100%;}
.ab07 .right .bot ul li {font-size: 16px;}
.ab07 .right .bot { padding: 50px 64px; width: 70%; left: 30%; }
.ab08 { padding: 228px 0;}
.ab09 { padding: 90px 0; }
.ab09 .icenter ul li .left h3 { margin-bottom: 70px; font-size: 22px; }

.ab09 .icenter ul li .left img { width: 30px; }

.ab09 .icenter ul li .left h3::after { top: -15px; left: 8.5px; }
.ab09 .icenter ul li .right .text h4 { font-size: 16px; line-height: 32px; }
.ab09 .icenter ul li .right .text h4 strong { font-size: 32px;}
.ab09 .icenter ul li .right .text { padding: 29px 69px;}


.ab09 .icenter ul li .left {width: 101.28px;}
.ab09 .icenter ul li .right { width: 678.85px;}

.ab09 .icenter ul li:nth-child(2) { left: 101.28px;}
.ab09 .icenter ul li:nth-child(3) { left: 200.58px; }
.ab09 .icenter ul li:nth-child(4) { left: 301px; }
.ab09 .icenter ul { padding: 208px 0;}



.ser01 .content ul li img { width: 32px;}
.ser01 .content ul li h3 { font-size: 35px; margin: 14px 0 10px;}
.ser01 .content ul li h4 { font-size: 14px; line-height: 20px;width: 250px;}

.ser01 .content .mid .bao {width: 280px;}
.ser01 .content .mid .circle {     left: -39%; top: -39%;}
.ser01 .content .mid .circle {width: 500px;height: 500px;}
.ser01 .content .mid .circle .circle1-1{width: 300px;height: 300px;}
.ser01 .content .mid .circle .circle1-2{width: 200px;height: 200px;}
.ser01 {padding: 110px 0 280px 0;}

.ser01 .content ul li:nth-of-type(3) { left: 38%; }
.ser02 .content .left .text h3 strong { font-size: 56px;}
.ser02 .content .left .text h3 { font-size: 22px; margin-bottom: 0px; }
.ser02 .content .left { margin-right: 172px; }
.ser02 .content .left img { width: 402px; }
.ser02 .content .left .text h4 { font-size: 18px;line-height: 26px; }
.ser02 .content .left .text { top: 35px; left: 40px; }
.ser02 .content .left::after {  width: 515px; height: 310px;left: -39px; top: 79px; }
.ser02 .content .right h3 { font-size: 38px; margin-bottom: 16px; }
.ser02 .content .right h4 { font-size: 16px; margin-bottom: 32px; }
.ser02 .content .right { width: 501px; }

.ser02 .content .right .ser02Swiper-button-next{width: 48px;height: 48px;font-size: 22px;right: 394px;bottom: 118px;}
.ser02 .content .right .ser02Swiper-button-prev{width: 48px;height: 48px;font-size: 22px;right: 450px;bottom: 118px;}
.ser02 .content .wen{bottom: -26px;left: 196px;font-size: 142px;}
.ser02 { padding: 90px 0;}
.ser03 .content h3 { font-size: 32px; margin-bottom: 20px;}
.ser03 .content span { font-size: 18px; }
.ser03 .content img { width: 20px; }
.ser03 .content ul li img { margin-right: 8px; }
.ser03 .content ul li { padding: 15px 0px 8px 23px; width: 250px; }
.ser03 .content .left { padding: 70px 0;}
.ser03 .content .vs { width: 120px; height: 120px; line-height: 120px; font-size: 46px;}
.ser03 .content .text { top: 235px; }
.ser03 { margin-bottom: 326px; }
.ser04 .content h3 { font-size: 38px; margin-bottom: 13px;}
.ser04 .content h4 { font-size: 30px;}
.ser04 .content { padding: 114px 0 550px;}
.ser04 .content li h3 { font-size: 20px; margin-bottom: 16px;}
.ser04 .content li:nth-of-type(1) .cricle { width: 68px; height: 68px; }
.ser04 .content li .bit span { font-size: 18px; left: -30px;}
.ser04 .content li .cricle { width: 100px; height: 100px;}
.ser04 .content li .cricle img { width: 42px;}
.ser04 .content li:nth-of-type(2) .cricle { width: 90px; height: 90px; }
.ser04 .content li:nth-of-type(4) .cricle { width: 110px; height: 110px; }
.ser04 .content li:nth-of-type(5) .cricle { width: 120px; height: 120px; }

.ser04 .content .bei {     top: 148px; left: -220px;}
.ser04 .content .bei img { width: 1383px;}

.ser04 .content li:nth-of-type(1) {left: -4.9%; top: 9.3%;}
.ser04 .content li:nth-of-type(2) {     left: 8.5%; top: 16.8%; }
.ser04 .content li:nth-of-type(3) { left: 28.4%; top: 29.9%; }
.ser04 .content li:nth-of-type(4) { left: 47.3%; top: 42.5%; }
.ser04 .content li:nth-of-type(5) {     left: 66.2%; top: 56%; }
.ser04 .ser {       bottom: 65px; left: 17px; font-size: 138px;}
.ser05 .top {margin-bottom: 21px;}

.ser05 h3 {    font-size: 26px; margin-bottom: 0px; line-height: 40px; }

.ser06 .content .right h3 { font-size: 16px; margin-bottom: 10px; }
.ser06 .content .left { margin-left: 91px; margin-right: 120px; }
.ser06 .content .left .bao img { width: 340px;}
.ser06 .content .right h4 { font-size: 38px;}
.ser06 .content .right ul { margin-top: 93px; }
.ser06 .content .right ul li { font-size: 16px; margin-bottom: 14px;}
.ser06 .content .bg { top: 30%;}

.ser06 .content .right ul li .line { width: 40px; margin-right: 40px;}
.ser06 .content .bg::after { height: 6px;}
.ser06 { padding: 90px 0;}
.ser07 .content .right li img {    width: 38px; margin-right: 22px;}
.ser07 .content .right li h3 { font-size: 18px; line-height: 24px; }
.ser07 .content .right li:nth-of-type(1) { padding: 0px 0 15px; }
.ser07 .content .right li { padding: 28px 0 12px; width: 481px;}
.ser07 .content .dot { width: 140px; height: 140px; font-size: 38px; }

.ser07 .content .left img { width: 100%; transition: .5s; height: 100%; }
.ser08 .content .box img { width: 33px; margin-bottom: 10px; }




.ser08 .content .mid .circle {     left: -33%; top: -33%;}
.ser08 .content .mid .circle {width: 500px;height: 500px;}
.ser08 .content .mid .circle .circle1-1{width: 300px;height: 300px;}
.ser08 .content .mid .circle .circle1-2{width: 200px;height: 200px;}

.ser08 .content .box h3 { font-size: 25px; margin-bottom: 9px;}
.ser08 .content .box h4 { width: 214px; font-size: 16px; line-height: 23px;}
.ser08 .content .box { margin-bottom: 54px; padding: 26px 41px; }
.ser08 .content .text { font-size: 24px; width: 176px; line-height: 32px; }
.ser08 .content .mid img{ width: 305px; }
.ser09 .left .box h3 { font-size: 32px; margin-bottom: 20px; }
.ser09 .left .box .bx .bbx { width: 120px; height: 120px; line-height: 120px; font-size: 46px; }
.ser09 .left .box p { font-size: 20px; line-height: 32px; }
.ser09 .left .box .wen { font-size: 24px; left: -187px; top: 102px; }
.ser09 .left { padding: 70px 0 70px 195px;}
.ser09 .right ul.numCount2 li h4 { font-size: 16px;}
.ser09 .right ul.numCount2 li h3 { font-size: 57px;  margin-bottom: 5px; }
.ser09 .right ul.numCount2 li h4 { font-size: 14px;}
.ser09 .right ul.numCount2 li h3 span {     font-size: 46px; margin-bottom: 4px; letter-spacing: 6px; }
.ser09 .right ul.numCount2 li { margin-bottom: 36px; }
.ser09 .right ul.numCount2 li:nth-of-type(1) { margin-right: 60px; }
.ser09 .right ul.numCount2 li:nth-of-type(3) { margin-right: 120px; }
.ser09 .right .numCount2 {     width: 342px;}

.ser09 .left .box .bx:hover .bx1 { left: 90px; }
.ser09 .left .box .bx:hover .bx2 { right: 120px; }

/* new01 */
.new01 .content { width: 1100px; }

.new01 .content .top h3 { font-size: 38px; }
.new01 .content .top .tab a {    width: 133px; height: 35px; line-height: 31px; font-size: 14px;}
.new01 .content .top { padding-bottom: 24px; margin-bottom: 37px; }
.new01 .content ul li h3 { font-size: 46px; margin-bottom: 7px; }
.new01 .content ul li h3 span { font-size: 18px; margin-left: 13px; }
.new01 .content ul li p { font-size: 18px; line-height: 27px; margin-bottom: 26px; height: 60px;}
.new01 .content ul li .ot span img { width: 20px; margin-right: 6px; }
.new01 .content ul li .ot span { margin-right: 23px; font-size: 16px;}
.new01 .content ul li .bot { padding: 28px 0 28px; }

.new01 .content ul li .bao .cc p { font-size: 18px; line-height: 24px;     margin-bottom: 18px;height: 47px;}
.new01 .content ul li .bao .cc { padding: 60px 42px;}
.new01 .content ul li .bao .cc h4 { font-size: 14px; color: #ffffff; line-height: 23px; margin-bottom: 74px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.new01 .content ul li .bao .cc .ccot .ccmore { width: 90px; height: 34px; line-height: 32px; font-size: 14px; }

.new01 .page .nav-links a {width: 38px; height: 38px; font-size: 14px; line-height: 38px; margin-right: 18px;}

.new01 .page .nav-links .current {width: 38px; height: 38px; font-size: 14px; line-height: 38px; margin-right: 18px;}

.new01 { padding: 85px 0 0; }



/* newshow */
.news01 .content { width: 1100px; }
.newsbanner .content { width: 1100px; }
.newsbanner .content h3 { font-size: 38px; line-height: 50px; margin-bottom: 20px; }
.newsbanner .content h4 span { font-size: 14px; margin-right: 16px; padding-right: 16px; }

.news01 { padding: 70px 0; }
.news01 .content .left p { font-size: 16px; line-height: 28px;     margin-bottom: 26px;}

.news01 .content .left .bot .op .eft a { font-size: 16px; margin-left: 21px; line-height: 40px; }
.news01 .content .left .bot .op .eft .line { width: 47px; height: 2px; }
.news01 .content .left .bot .ot a { font-size: 18px; margin-bottom: 14px;     line-height: 28px;}

.news01 .content .left .bot .op .ight span { font-size: 16px; margin-right: 15px; }
.news01 .content .left .bot .op .ight .search { font-size: 12px; margin-right: 10px; width: 30px; height: 30px; line-height: 30px; }
.news01 .content .right h3 { font-size: 24px; margin-bottom: 16px; }
.news01 .content .right .tab a {     width: 95px; height: 33px; line-height: 31px;font-size: 14px;}
.news01 .content .right .tab { padding-bottom: 20px; }
.news01 .content .right ul li { padding: 24px 0; }
.news01 .content .right ul li h3 { font-size: 14px; margin-bottom: 4px;     line-height: 32px;}

.news01 .content .right ul li h4 { font-size: 20px; margin-bottom: 8px; }
.news01 .content .right ul li p { font-size: 14px; line-height: 22px; margin-bottom: 20px; }
.news01 .content .right ul li .newsmore { font-size: 14px; }
.news02 h3 { font-size: 38px; margin-bottom: 40px; }
.cn05 .content { width: 1100px; margin: auto; }
.cn05 { padding: 97px 0 150px; }


/* case */
.case01 .content { width: 1100px; }
.casebanner .text h3 { font-size: 66px; margin-bottom: 8px;}
.casebanner .text h4 { font-size: 46px;}
.case01 .top .t h3 { font-size: 34px; line-height: 45px; }
.case01 .top .t a { width: 236px; height: 48px; font-size: 16px; line-height: 48px; }
.case01 .top ul li h3 { margin-right: 36px; padding-right: 40px; line-height: 35px; font-size: 16px; }
.case01 .top ul li .min a { font-size: 16px; color: #666666; text-align: center; line-height: 35px; padding:  0 28px; }

.case01 .top .t { margin-bottom: 32px;}
.case01 .top { margin-bottom: 60px; }
.case01 .mid .case01Swiper .box .text h3 { font-size: 34px; margin-bottom: 15px; }
.case01 .mid .case01Swiper .box .text h4 { font-size: 18px;}
.case01 .mid .case01Swiper .box p {         font-size: 16px; line-height: 26px; margin-top: 27px; margin-bottom: 27px;}

.case01 .mid .case01Swiper .box .bot .le .bao img{ width: 43px; }
.case01 .mid .case01Swiper .box .text {         padding: 46px 60px 31px; width: 385px; top: 94px; right: 92px;}

.case01 ul li .bottom .le .bao img{ width: 43px;height: 43px; }
.case01 .mid { padding-bottom: 180px; }
.case01 .bot { margin-bottom: 60px; }
.case01 .page { padding: 50px 0;}
.case01 .page a { width: 38px; height: 38px; font-size: 14px; line-height: 38px; margin-right: 18px; }


.case01 .mid .case01Swiper .box .bot a { width: 100px; height: 30px; line-height: 28px;}
.case01 ul li .bottom a { width: 100px; height: 30px; line-height: 28px;}

.case01 .bot ul li .bao img {height: 215px;}

.case01 ul li .mid .le h3 {     font-size: 16px; line-height: 28px; height: 32px;}



.case02 { padding: 100px 0; overflow: hidden; }

.case02 .content { width: 1100px;}
.case02 .content h3 { font-size: 46px; margin-bottom: 18px; }
.case02 .content h4 { font-size: 24px; line-height: 33px; margin-bottom: 36px; }
.case02 .content ul li { width: 200px; height: 200px;}
.case02 .content ul li img { width: 58px;}
.case02 .content ul li span { font-size: 20px; margin-top: 24px; }
.case02 .content ul li span::before { width: 148px;}

.case03 ul li h3 { font-size: 38px; }
.case03 ul li p { font-size: 16px; line-height: 26px; }
.case03 ul li .line { width: 44px; height: 1px; margin: 18px 0; }

.case03 ul li { padding: 57px 50px; }


/* caseshow */
.cnbanner .content h3 {     font-size: 47px; margin-bottom: 28px;}
.cnbanner .content h4 { font-size: 24px; line-height: 36px; margin-bottom: 30px; }
.cnbanner .content p { font-size: 16px; line-height: 26px; margin-bottom: 59px; }
.cnbanner .content .left { margin-right: 315px; width: 61%; }
.cnbanner .content { display: flex; position: absolute; bottom: 14%; left: 50%; transform: translateX(-50%); }
.cnbanner .content .right { margin-top: 99px; }
.cnbanner .content .right h6 { font-size: 16px; line-height: 26px; margin-bottom: 29px; }




.cn01 .content .cn01Swiper-button-prev { width: 50px; height: 50px;bottom: 297px; left: 21px; }
.cn01 .content .cn01Swiper-button-next {     width: 50px; height: 50px; bottom: 297px; right: 22px; }


.cn01Swiper .box .bao {       top: 8px; left: 8px; width: 97.5%; height: 82.2%;}
.cn02 .content h3 { font-size: 46px; line-height: 62px; margin-bottom: 32px; }
.cn02 .content h4 { font-size: 30px; margin-bottom: 40px; }

.cn02 .content p { font-size: 16px; line-height: 28px; margin-bottom: 20px; }
.cn02 .content .bot h3 { font-size: 38px; line-height: 47px; }
.cn02 .content .bot .jian { width: 95px; height: 95px; }

.cn02 .content .bot .jian i { font-size: 53px; }

.cn02 .content .bot h4 { font-size: 32px; line-height: 36px; }

.cn02 { padding: 42px 0; }
.cn03 .content .left .box .bo { width: 50px; height: 50px;}
.cn03 .content .left .box .bo i { font-size: 17px;}
.cn03 .content .left .box .box1 {     left: 74px; top: 56px; width: 80.2%; height: 68.6%;}
.cn03 .content .right h3 { font-size: 32px; margin-bottom: 36px; }

.cn03 .content .right a { width: 118px; height: 38px; line-height: 34px; margin-bottom: 19px; font-size: 14px; }
.cn03 .content .right { margin-top: 87px; }
.cn03 .wen {    bottom: 146px; right: -324px; font-size: 127px; }
.cn03 {padding: 70px 0 40px 0;}

.cnbanner .content .jian .cricle { left: 0px;top: 0px;width: 70px;height: 70px;}

.cn02 .content .bot .jian .cricle {width: 90px;height: 90px;left: 2px;top: 2px;}
.cn05 .content .box .bottom .le .bao img{width: 48px;}
.cn05 .content .box .mid .le h3 { font-size: 22px;}
.cn05 .content .box .bottom a { width: 100px; height: 30px; line-height: 28px;}


/* plan */
.plan01 .content h3 { font-size: 46px; margin-bottom: 20px; }
.plan01 .content h4 { font-size: 16px; margin-bottom: 22px; }
.plan01 .content p { font-size: 16px; line-height: 26px; margin-bottom: 78px;    width: 509px; }
.plan01 .content .line { width: 71px;}
.plan01 .content.content .wen { font-size: 110px;}

.plan01 {     padding: 70px 0 65px; }

.plan01 .pian img {     width: 556px;}
.plan02 .left h3 { margin-bottom: 6px; font-size: 38px; line-height: 47px; }
.plan02 .left h4 { font-size: 38px; line-height: 46px; }

.plan02 .left .plan02Swiper-button-next { width: 48px; height: 48px; font-size: 20px; bottom: 115px;     right: 121px;}

.plan02 .left .plan02Swiper-button-prev { width: 48px; height: 48px; font-size: 20px; bottom: 115px; right: 105px; }


.plan02 .right img { width: 47px; }
.plan02 .right h3 { font-size: 28px; margin: 13px 0 18px; }
.plan02 .right p { font-size: 16px; line-height: 26px;    margin-bottom: 55px; width: auto; height: 78px;}

.plan02 .right .bot h5 { font-size: 16px;}
.plan02 .right .bot h6 { font-size: 28px; }
.plan02 .right .box {     padding: 63px 43px;width: auto; }
.plan02 .right .bot { align-items: center; }
.plan02 { padding: 106px 30px;}


.plan03 .content h4 { font-size: 38px; line-height: 46px; margin-bottom: 26px; }
.plan03 .content h5 { font-size: 19px; line-height: 27px; margin-bottom: 44px;     width: 472px;}


.plan03 .content h3 { font-size: 20px; margin-bottom: 33px; }
.plan03 .content h3::before { width: 40px; left: -54px; }
.plan03 .content .wen { top: -61px; left: 0px; font-size: 146px;}

.plan03 .jian .cricle {left: 0px;top: 0px;width: 70px;height: 70px;}

.plan03 .pian { top: 126px;width: 800px;height: 515px;}

.plan03 .pian img {width: 800px;}
.jian { width: 70px; height: 70px;}
.jian i { font-size: 38px;}
.plan03 { padding: 145px 0 74px;}
.plan04 {    padding: 142px 0 90px; }
.plan04 .content .right li { margin-bottom: 5px; }

.plan04 .content {width: 935px;}


.plan04 .content .right li img { width: 120px; }
.plan05 .content h3 { font-size: 38px; margin-bottom: 17px; }
.plan05 .content h4 { font-size: 20px; margin-bottom: 40px; }
.plan05 .content .cc h5 { padding: 8px 0 4px 20px; font-size: 16px; }
.plan05 .content .cc img {    width: 42px; margin-right: 20px; }

.plan05 .content .cc h5 strong { font-size: 18px; margin-top: 8px;}
.plan05 .content .cc:nth-of-type(2) { margin-bottom: 54px; }
.plan05 .content a { width: 215px; height: 42px; font-size: 14px; line-height: 38px; }
.plan05 {  padding: 70px 0; }
.plan05 .pian img {     width: 100%;height: 100%; }

.plan06 .content .left p { font-size: 16px; line-height: 24px; width: 392px; text-align: justify; }
.plan06 .content .left .bao { margin-bottom: 30px; }
.plan06 { padding: 116px 0 180px; }
.plan06 .cc img{ width: 808px; }
.plan06 .content .left .bao img { width: 720px; }

.plan06 .content .right .top h3 { line-height: 47px; font-size: 38px;}
.plan06 .content .left { margin-right: 93px; }
.plan06 .content ul {     top: 151px; padding: 71px 80px; width: 548px; left: -238px; }

.plan06 .content .right .top h3::before { height: 3px; width: 140px; left: -175px; top: 32px; }

.plan06 .content ul li h3 strong { font-size: 40px;}
.plan06 .content ul li h4 { font-size: 16px; }
.plan06 .content ul li:nth-of-type(2)::before { left: -5px; top: 99px; }
.plan07 .content .box .cc .text .line { width: 243px;}
.plan07 .content .box .cc .text h3 { font-size: 24px; margin-bottom: 18px; }

.plan07 .content .box .cc .text p { font-size: 14px; line-height: 26px; width: 278px; }
.plan07 .content h3 { font-size: 38px; margin-bottom: 36px; }
.plan07 .content .box img { width: 317px; }
.plan07 .content .box .cc { font-size: 16px; }
.plan07 .content .box .cc:nth-of-type(2) { top: 69px; left: 320px; }
.plan07 .content .box .cc:nth-of-type(2)::before { left: -19px; top: 7px; }
.plan07 .content .box .cc::before { width: 6px; height: 6px;}
.plan07 .content .box .cc:nth-of-type(2) .text { top: -25px; right: -378px; }
.plan07 .content .box .cc .text { width: 302px; }
.plan07 .content .box .cc .text p { font-size: 14px; line-height: 26px; width: 278px; opacity: .5; }
.plan07 .content .box .cc .text h3 { font-size: 24px; margin-bottom: 18px; }
.plan07 .content .box .cc .text .line { width: 243px; height: 1px; margin-bottom: 14px; }
.plan07 .content .box .cc::before { left: 26px; top: 5px; }
.plan07 .content .box .cc:nth-of-type(1) { top: 69px; left: -19px; }
.plan07 .content .box .cc:nth-of-type(1) .text { top: -25px; left: -361px; }
.plan07 .content .box .cc:nth-of-type(3) { top: 337px; left: 148px; }
.plan07 .content .box::after { top: -9px; left: -9px; }
.plan07 .content .box .cc:nth-of-type(3) { top: 339px; left: 148px; }
.plan07 .content .box .cc:nth-of-type(3) .text { left: -205px; top: 45px; width: 446px; }
.plan07 { padding: 94px 0 286px; }
.plan08 .content .top h3 { font-size: 24px; margin-bottom: 11px; }
.plan08 .content .top h3 strong {     font-size: 62px; }
.plan08 .content .top h4 { font-size: 38px; line-height: 46px; margin-bottom: 66px; }
.plan08 .content .top h4 {    font-size: 36px; line-height: 44px; margin-bottom: 66px; }
.plan08 .content .cc h5 { padding: 5px 0 5px 20px; font-size: 16px; }
.plan08 .content .cc img { margin-right: 20px; }
.plan08 .pian img { width: 100%;  }


.plan08 .pian {top: 110px; height: 412px;     width: 625px;}

.plan08 .content .wen { top: -55px; left: -68px; font-size: 151px;}

.plan08 { padding: 139px 0 65px; }
.plan08 .content .top { margin-bottom: 104px; }
.plan08 .content ul li .bao img { width: 100%;    height: 228px; }
.plan08 .content ul li{width: 32%;}
.plan09 .content a { font-size: 38px;}
.plan09 .content .wen { font-size: 119px;}
.plan09 { padding: 26px 0; }

.plan08 .content ul li .bottom .le .bao img{width: 45px;}
.plan08 .content ul li .bottom a { width: 100px; height: 30px; line-height: 28px;}
.plan08 .content ul li .mid .le h3 { font-size: 22px;}

.prosbanner .left h3 { font-size: 38px; margin-bottom: 29px; }
.prosbanner .left p { font-size: 16px; line-height: 28px; margin-bottom: 62px;width: 390px; }
.prosbanner .wen {bottom: 111px; left: -21px; font-size: 34px;}

.prosbanner .left {    width: 50%;     padding: 89px; height: 100vh; align-items: center; justify-content: flex-end;   padding-bottom: 24px;}

.pros02 .content h3 { font-size: 38px; margin-bottom: 40px;}
.pros02 { padding: 100px 0; }

.pros02 .content .box h3 { font-size: 46px; margin-right: 93px; }
.pros02 .content .box h4 { font-size: 14px; line-height: 22px; }
.pros02 .content .box h4 span { font-size: 24px; margin-bottom: 4px; line-height: 34px; }
.pros02 .content .pros02Swiper-button-prev {  bottom: 250px; top: auto; left: -47px; width: 50px;height: 50px;}
.pros02 .content .pros02Swiper-button-next { bottom: 250px; top: auto; right: -47px; width: 50px;height: 50px;}


.prosbanner .scroll { width: 25px; height: 29px;left: -169px;position: relative;}
.pros03 .content h6 { font-size: 38px; margin-bottom: 23px;}
.pros03 .content h6 span { font-size: 59px;}

.pros03 { padding: 75px 0; }

.pros03 .box .text { padding: 47px; width: 356px; top: 79px; right: 92px; }
.pros03 .box .text h3 { font-size: 31px; margin-bottom: 13px; }

.pros03 .box p { font-size: 15px; line-height: 26px; margin-top: 37px; margin-top: 24px; padding-bottom: 31px; margin-bottom: 31px; }
.pros03 .box .bot a { width: 98px; height: 30px; line-height: 30px; font-size: 12px; }

.pros03 .box .bao img { width: 100%; height: 100%; }
.pros03 .content .box .bao { margin-bottom: 40px; }
.pros03 .content .box .text .bao {margin-bottom: 0px;}
.pros03 .content .box .eftmore { width: 153px; height: 40px; line-height: 40px; font-size: 14px;}
.pros03 .box .text::before { width: 71px; height: 2px; left: -48px; top: 65px; }

.probanner .content { width: 1080px; }
.probanner {      padding: 10% 0;}
.probanner .content a { padding: 11px 38px; font-size: 16px; margin-bottom: 17px; width: 292px; }
.pro01 .content .left h3 { font-size: 46px; line-height: 61px; margin-bottom: 40px; }
.pro01 .content .left .jian { width: 96px; height: 96px;}
.pro01 .content .left .jian i { font-size: 54px;}
.pro01 .content .left .wen { bottom: 67px; left: -6px; font-size: 77px;}

.pro01 .content .right p { font-size: 16px; line-height: 30px; }


.pro01 { padding: 97px 0 75px; }
.pro02 .bao .text h3 { font-size: 38px; line-height: 53px; }

.pro02 .bao .text h3::after { width: 68px; height: 3px; top: 126px; right: 0px; }
.pro02 .bao { position: relative; width: 48%; }

.pro03 .content ul li { width: 48.5%; }
.pro03 .content .box h3 { font-size: 46px; margin-right: 30px; }
.pro03 .content .box h4 span { font-size: 24px; margin-bottom: 4px; line-height: 35px;}
.pro03 .content .box h4 { font-size: 14px; line-height: 20px; }
.pro03 { padding: 75px 0; }
.pro03 .page a { width: 38px; height: 38px; font-size: 14px; line-height: 38px; margin-right: 18px; }
.pro03 .page { margin-top: 18px; }



.pro01 .content .left .jian .cricle {width: 90px;height: 90px;}

.jian .cricle {left: 3px;top:3px;}

.drawer-menu dl dd:last-child { width: 27%; }





.ser01 .content .mid .cricle {width: 380px; height: 380px; border-radius: 50%;     left: -18%; top: -18%;}
.ser01 .content .mid .cricle01 { width: 380px; height: 310px; border-radius: 50%; }



.ser08 .content .mid .cricle {width: 420px; height: 420px; border-radius: 50%;     left: -19%; top: -19%;}
.ser08 .content .mid .cricle01 { width: 395px; height: 395px; border-radius: 50%; }


.probanner {height: 346px;}



.fixed-sub ul li { width:80px; height: 80px; margin-bottom: 1px; }
.fixed-sub ul li a span img { width: 30px;}

.fixed-sub ul li p {     font-size: 13px; margin-top: 6px;}
.fixed-sub { right: 80px; }
.fixed-sub ul li:nth-of-type(1) .tel {  padding: 26px; font-size: 14px; left: -210px;}
.fixed-sub ul li:nth-of-type(1) .tel i{font-size: 16px;}
.fixed-sub ul li:nth-of-type(1) .tel h2{font-size: 23px;}
.fixed-sub ul li:nth-of-type(1) .tel p::after { right: -16px;}
.fixed-sub ul li:nth-of-type(3) .ewm img { width: 85px; }
.fixed-sub ul li:nth-of-type(3) .ewm p { font-size: 12px; margin-top: 4px;}

.fixed-sub ul li:nth-of-type(3) .ewm { left: -122px;}
.fixed-sub ul li:nth-of-type(3) .ewm p::after { top: 59px;}


.fixed-sub ul li:nth-of-type(1) .tel h2::after { top: 8px; right: -30px;}

.found h4 { font-size: 38px; margin-bottom: 80px;}

.found h3 a { font-size: 20px;}
.found .content { padding-top: 203px; }
.found ul li { margin-bottom: 65px; padding-bottom: 14px; }
.found ul li .min a { font-size: 16px; margin-right: 62px;}
.found ul li:nth-of-type(1) { padding-bottom: 30px; }
.footer .bot .found1 { font-size: 16px;}


.found{height: 1400px;}







.pro04 { background-size: cover; }





.honor02 .content .honor02Swiper .box { border: 8px solid #ffffff; }



.newsbanner {    padding: 112px 0 79px;  height: calc(44vh + 40px);}
.casebanner { height: calc(44vh + 40px); }


.yd08 .main .left .bao { height: 582px; }


.pro03 .content ul li .bao { height: 310px; }

.bd-mask .tcbox .contwarp{width: 900px;padding: 50px;}
.bd-mask .tcbox .contwarp .close{right: -100px;top: -80px;}



.case01 ul li .bottom .le .bao { height: 43px; width: 43px; }

.yd09 .top .box .right h3 { font-size: 22px; margin-bottom: 10px; font-weight: 650; }
.yd09 .top .box p { font-size: 15px; width: 100%; line-height: 24px; margin-bottom: 17px; }


.probanner .content h6 {  margin-bottom: 23px; font-size: 36px; }



.pro04 a {position: relative; z-index: 0; overflow: hidden; width: 160px; height: 40px; text-align: center; border: 2px solid #ffffff; line-height: 36px; color: #ffffff; font-size: 14px; display: block; margin: auto;}


.cn04 h3{ margin: 0 0 20px 0;}
.cn01{padding: 70px 0;}


.qj03 .box img{height: 200px;object-fit: cover;}
































}