@charset "utf-8";body{font-family: "Microsoft YaHei";}
.altumcode{--fontFamily:"Microsoft YaHei";}
input,
textarea{font-family: "Microsoft YaHei";}


/*导航默认选中*/
.yxnav-active1{}
.yxnav-active2{}
/* yongsy样式*/
a{color: #333 /*rgba(255, 255, 255, .2)*/;}
/* 轮播溢出隐藏*/
.ys-ban-li:not(:first-child){display: none;}
/* 规范 star*/
:root{/* 字号*/--font60: 60px;
/* 色值*/
--color: #008d8b;--color1: #008d8b;}
.std-tit1{font-size: 68px;line-height: 1.2;}
.std-tit2{font-size: 48px;line-height: 1.2;}
.std-tit3{font-size: 44px;line-height: 1.4;}
.std-tit4{font-size: 32px;line-height: 1.4;}
.std-tit5{font-size: 24px;line-height: 1.5;}
.std-tit6{font-size: 18px;line-height: 2;}
.std-tit7{font-size: 26px;line-height: 1.2;}

.std-word,
.std-word p{font-size: 18px;line-height: 1.7;}
.std-word1,
.std-word1 p{font-size: 16px;line-height: 1.8;}
.std-word2,
.std-word2 p{font-size: 14px;line-height: 1.8;}
.yxedr-active p{font-size: 18px;line-height: 1.8;color: #666;margin-bottom: 12px;}
.std-padd{padding: 120px 0 0;}
.std-mar{margin-bottom: 60px;}
.std-tit20{font-size:18px;line-height: 1.6;}
/* 规范 end*/
.ys-hd-pc{/*position: fixed;*/ display: table; top: 0;left: 0;transition: all 0.36s;padding: 0;/*justify-content: space-between;*/width:1200px; margin: 0 auto}
.ys-hd-pc::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: rgba(255, 255, 255, 0.2);z-index: -1;transition: all 0.36s;}
.head-logo{width: 120px;line-height: 80px; display: inline-block; float: left}
.head-nav-item-title{ /*text-transform: uppercase;*/line-height: 80px;color: #333;font-size: 16px;transition: all 0.36s;display: block;position: relative; font-weight:800; padding: 0 25px;}

.head-nav-item.yxnav-active1 .head-nav-item-title::after{opacity: 1;width: 40px;}
.ys-hd-pc.isfixed .head-nav-item.yxnav-active1 .head-nav-item-title{color: var(--color1) !important;}
.ys-hd-pc.isfixed .head-nav-item.yxnav-active1 .head-nav-item-title::after{background: var(--color1) !important;}
.mod-head-ri{display: flex;}
.head-sear{margin-left: 80px;}
.head-sear-icon{width: 24px;height: 80px; line-height: 80px; overflow: hidden;cursor: pointer;display: flex;align-items: center; position: relative}
.head-sear-icon svg{width: 100%;}
.head-nav{display: flex; padding: 0 0 0 100px; float: left}
.yx-search3box{--btn-width: 27px;--head: 60px;}
.yx-search3-btn{width: var(--btn-width);margin-right: 50px;line-height: var(--head);position: relative;}
.yx-search3-btn img{width: 100%;transition: all .36s;}
.yx-search3img1{position: relative;top: 0;left: 0;}
.yx-search3img2{position: absolute;top: 18px;left: 0;opacity: 0;}
.yx-search3box{position: relative;}
.yx-search3xlbox{width: 100%;height: 250px;background: rgba(255, 255, 255, 1);box-shadow: 0 5px 13px rgba(35, 50, 64, 0.13);display: none;position: absolute;left: 0;top: 100%;z-index: 99;}
.yx-search3-tbox{width: 50%;margin: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);height: var(--head);border-bottom: 1px solid #666;}
.yx-search3xlbtn{width: 27px;line-height: var(--head);}
.yx-search3xlbtn img{width: 100%;transition: all .36s;}
.yx-search3-xls{width: calc(100% - 27px);padding-right: 20px;}
.yx-search3-xls input{font-size: 16px;line-height: 3.75;color: #666;width: 100%;transition: all .36s;}
.yx-search3-xls input::placeholder{color: #666;}
.yx-search3-btn.on .yx-search3img2{opacity: 1;}
.yx-search3-btn.on .yx-search3img1{opacity: 0;}
.head-lang-top-icon{width: 24px; position: relative; line-height: 80px}
.head-lang-top-icon img:nth-child(2),.head-sear-icon img:nth-child(2){ opacity: 0;}
.head-lang-top-icon svg{width: 100%;}
.ys-hd-pc path,
.ys-hd-pc circle{transition: all 0.36s;}
.head-lang-top-info p{color: #fff;line-height: 80px;transition: all 0.36s;}
.head-lang-top-arr{width: 16px;}
.head-lang-top{display: flex;align-items: center;cursor: pointer;}
.head-lang-top-info{padding-left: 8px;padding-right: 4px;}
.head-lang-top-arr svg{width: 100%;transition: all 0.36s;}
.head-lang-btm{position: absolute;top: 100%;right:0;transform: translateX(0);background: #034193;width:230px; border-radius:50px;text-align: center;padding: 8px 0;display: none; }
.head-lang{position: relative;margin-left: 40px;}
.head-lang-btm a{padding: 5px 10px; font-size:16px;display: block;color:#fff;line-height: 1.5;}
.head-lang-top.act .head-lang-top-arr svg{transform: rotate(180deg);}
.head-nav-item{padding: 0 5px;}
.hnid-list{border-radius: 0;background: #f6f6f6; border-top: 6px solid #008d8b;box-shadow: 0 8px 8px rgba(0, 0, 0, .2);padding: 0;}
.head-nav-item-down{/*white-space: nowrap;*/background: transparent;min-width:160px;padding-top:0;}
.hnid-list .hnid-list-li{ width: 100%;}
.hnid-list .hnid-list-li .hnid-list-link{ width: 100%; line-height:20px; padding:8px 15px; box-sizing: border-box; font-size: 15px; color: #333; display: table;word-wrap: break-word;/*自动换行*/overflow-wrap: break-word;}
.hnid-list .hnid-list-li .hnid-list-link:hover{ color:#008d8b;background:#fff}
/*ss*/
@font-face {
font-family:"iconfont";
src:url(../fonts/iconfont.eot);
src:url(../fonts/iconfont.eot) format('embedded-opentype'), url(../fonts/iconfont.woff) format('woff'), url(../fonts/iconfont.ttf) format('truetype'), url(../fonts/iconfont.svg) format('svg')}
@font-face {
  font-family: 'iconfontb';
  src: url('../fonts/font_buy/iconfont.eot');
  src: url('../fonts/font_buy/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/font_buy/iconfont.woff2') format('woff2'),
      url('../fonts/font_buy/iconfont.woff') format('woff'),
      url('../fonts/font_buy/iconfont.ttf') format('truetype'),
      url('../fonts/font_buy/iconfont.svg#iconfont') format('svg');
}

/*
.pc-ss{ float: right; padding: 22px 0 0 }
.pc-ss1{width:210px; height: 36px; position:relative;display:inline-block}
.pc-ss1 input{width:210px; height: 36px;;background:#fafafa;border-radius:2px;outline:0;border:1px solid #fafafa;padding:0 15% 0 5%;vertical-align:middle;line-height:36px\9}
.pc-ss1 input:focus{border:1px solid #c8c8c8;}
.pc-ss1 i{position:absolute;right:3px;top:5px;font-size:24px;cursor:pointer; font-style: normal; font-family: iconfont}
.pc-ss1 .close{font-size:12px;position:relative;top:0;right:0;display:none}
.iconsousuo:before {	content:"\e615"}*/
.top-qh{ float: right; line-height: 80px;}
.top-qh i{font-style: normal; }
.top-qh a{ font-size: 16px; color: #888; padding: 0 15px}


.home-about{width: 100%;position: relative;padding-top: 0 !important;}
.home-about-video{width: 1200px;margin: 0 auto;overflow: hidden;}
.home-about-info .std-tit5{color: #333;line-height: 1.5;}
.home-about-info{width: 76%;text-align: center; margin: 70px auto}
.home-about-video{width: 100%;position: relative;}
.home-about-video img{width: 100%;}
.home-about-more{display: flex;justify-content: center;margin-bottom: 50px;}
.home-about-ul{display: flex;/* flex-wrap: wrap;*/}
.home-about-ul-li{width: 33.33%;text-align: center;}
.haul-btm p{color: #999999;line-height: 1.6;}
.haul-top p{color: var(--color1);font-family: "HarmonyOS";}
.haul-top p span{font-weight: bold;}
.haul-info p{font-size: 14px;line-height: 1.8;color: #999;}
.home-about-desz{position: absolute;top: 0;left: 0;z-index: -1;width: 100%;}
.home-about-desz img{width: 100%;}


.ys-ban-txtbox-svg{width:760px;margin: 0 auto;margin-bottom: 5px;}
.ys-ban-txtbox-info{width: 760px;margin: 0 auto;text-align: center;margin-bottom: 50px;max-width: 100%;}
.ys-ban-txtbox-info p{color: #fff;line-height: 1.7; font-size: 30px}
.ys-ban-slick .slick-arrow{width: 64px;height: 64px;background-size: 100% 100% !important;z-index: 10; opacity: 0}
.ys-ban-slick .slick-prev{background: url(../images/ban-jt0.png);left: 60px; top: 49%}
.ys-ban-slick .slick-next{background: url(../images/ban-jt.png);right: 60px;top: 49%}
.ys-ban-slick:hover .slick-arrow{ opacity: 1}

.ys-ban-slick .slick-next:hover{background: url(../images/ban-jt1.png);}
.ys-ban-slick .slick-prev:hover{background: url(../images/ban-jt01.png);}

.ys-ban-slick .slick-dots li{font-family: "iconfont" !important; width:25px; height: 25px;opacity: 1;border-radius: 0;border: 1px solid rgba(255, 255, 255, 0);  padding: 5px; background: none; box-sizing: border-box; border-radius: 50%; }
.ys-ban-slick .slick-dots li::after{content: "\e627"; box-sizing: inherit;position: absolute;top: 50%;transform: translateY(-50%);border-radius: 50%;right:0px; color: #fff; font-size: 22px;   }
.ys-ban-slick .slick-dots li.slick-active{opacity: 1;border: 1px solid #fff;}
.ys-ban-slick .slick-dots li:last-child:after{}
.ys-ban-slick .slick-dots{bottom: 25px;}


.ys-banner{position: relative;overflow: hidden;}
.mod-bread{position: absolute;bottom: 20px;left: 0;z-index: 10;width: 100%;}
.mod-bread-ul{display: flex;}
.mod-bread-ul-li{padding-right: 36px;position: relative;}
.mod-bread-ul-li::after{content: '';position: absolute;top: 50%;right: 16px;transform: translateY(-50%);width: 6px;height: 9px;background-image: url(../images/saryt.svg);background-size: 100% 100%;}
.mod-bread-ul-li:last-child:after{display: none;}
.home-innov{width: 100%;position: relative;}
.home-innov-tit .std-tit2{color: #333;}
.home-innov-btm{width: 1600px;max-width: 100%;margin: 0 auto;}
.home-innov-btm-swiper{width: 100%;position: relative;height: 100%;overflow: hidden;}
.hibs-li{width: 100% !important;position: relative;}
.hibs-img{width: 100%;height: 100%;}
.hibs-img img{width: 100%;height: 100%;object-fit: cover;}
.ys-ban-txtbox-more{display: flex;justify-content: center;}
.ybtm-link p{color: #fff;line-height: 1.8;padding-right: 24px;transition: all 0.36s;}
.ybtm-img{width: 32px;}
.ybtm-img img:nth-child(2){opacity: 0;}
.ybtm-link{display: flex;align-items: center;border-radius: 40px;border: 1px solid #FFF;background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);padding: 8px 10px;padding-left: 32px;transition: all 0.36s;cursor: pointer;}
.ybtm-link img{transform: scale(1) !important;}
.hibs-relati{width:850px;max-width: 100%;position: absolute;top: 20%;left: 0;padding: 0 150px;z-index: 10;}
.hibs-img{position: relative;}
.hibs-img::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, rgba(0, 0, 0, 0.20) 42.16%, rgba(0, 0, 0, 0.20) 98.41%);}
.hibs-relati-subtit p{color: #fff;line-height: 1.8; font-size: 36px; padding: 20px 0; font-weight: bolder}
.hibs-relati-subtit{margin-bottom: 8px;}
.hibs-relati-tit .std-tit2{color: #fff; font-size: 26px; line-height: 1.6}
.hibs-relati-more{display: inline-block;}
.hibs-relati-tit{margin-bottom: 120px;}
html.stick body{overflow: visible !important;}
.home-about-wrap{width: 100%;position: sticky;position: -webkit-sticky;top: 0;left: 0;z-index: 1;background: #f2f3f5;  margin: 80px auto 0; padding: 0 0 0}
.home-about-sticky{width: 100%;height: 180vh;position: relative; }
.home-innov-cont{width: 100%;position: relative;}
.home-innov-btm{position: sticky;position: -webkit-sticky;top: 0px;left: 0;max-width: 100%;}
.ys-banner1 .ys-ban-imgbox::before{opacity: 0.4;background: linear-gradient(270deg, rgba(6, 17, 40, 0) 0%, #03112A 100%);width: 60%;}
.contant-lead{width: 100%;position: relative;}
/*---------wrap----------*/
/* clear*/
.fn-clearfix:after{display: block;font-size: 0;content: '\0020';clear: both;height: 0;}
.fn-clearfix{zoom: 1;/*for IE6 IE7*/}
.fn-clear{visibility: hidden;clear: both;}
.sy-wrap{ width: 100%;color: #111;line-height:1.8; font-size: 18px;}
.sy-wrap p{line-height:1.8; font-size: 18px; }
.box1{ display: table; margin: 0 auto; padding:60px 0; text-align: center; max-width: 1000px;}
.bt{ font-size: 34px; color: #333; line-height: 1.2; font-weight: bolder;text-transform: uppercase; display: table; margin: 0 auto 20px}

.more{border: 1px solid #212121; line-height: 36px; padding: 0 40px; display: table; margin:25px auto 0;font-size: 16px; }
.more:hover{ border: 1px solid #008482; color:#008482 }
.box2{ background: #f2f3f4; width: 100%;  display: table; margin: 0 auto; padding: 50px 0 30px; text-align: center; }
.box2-1{max-width: 1000px;display: table; margin: 0 auto; }
.box2-t{ width: 100%; display: table; padding: 10px 0 0}
.box1-t{ width: 1200px; display: table; margin: 0 auto}
.box1-t img{ width: 100%}
.sy-cp{ width:1200px; display:block; margin:0 auto; padding:0px 0 0}
/*.sy-cp ul li{width:32%;   display:block; float:left; box-sizing:border-box; margin:0 2% 5px 0;}
.sy-cp ul li a{ width:100%;   margin:0 auto; display:block;}
.sy-cp ul li a h1{width:100%;font-size:18px; line-height:60px; text-align:center; padding: 0 0}
.sy-cp ul li a .cp_t{ width:100%; display: table;  overflow: hidden; box-sizing:border-box; }
.sy-cp ul li a .cp_t img{ width:100%;   display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.sy-cp ul li a:hover .cp_t img{transform: scale(1.1);}
.sy-cp ul li a:hover h1 { color:#008482}
.sy-cp ul li:nth-child(3n){margin:0 0  }*/

.home-news-btm-ul{display: flex;flex-wrap: wrap;}
.hnbu-li{width:32%;   display:block; float:left; box-sizing:border-box; margin:0 2% 5px 0;}
.hnbu-link{width: 100%;display: block;overflow: hidden;}
.hnbu-li a h1{width:100%;font-size:18px; line-height:60px; text-align:center; padding: 0 0}
.hnbu-li:nth-child(3n){margin:0 0  }
.hnbu-li a:hover h1 { color:#008482}

.box3{ width: 100%; }
.box3 .bt{ padding: 80px 0 40px}

/*<!---->*/
.box4{ width: 1200px; display: table; margin: 0 auto; padding: 70px 0}
.xw{ width: 100%; padding: 40px 0 0 }
.xw-l{ width: 53%; float: left}
.xw-1 a{ width: 100%}
.xw-l a .xw-t{ width: 100%; overflow: hidden;}
.xw-l a h1{ margin:30px 0 15px; font-size: 20px; text-transform: uppercase; line-height: 24px; color: #333; font-weight: bolder; height: 24px;}
.xw-l a h1{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.xw-l a p{ font-size: 15px; color: #666; line-height: 20px;}
.xw ul{ width: 40%; float: right}
.bt2{ width: 100%; display: table; line-height: 20px;}
.bt2 span{ width: 60px; height: 8px; background: #008482; display: table; float: left}
.bt2 a{ font-size: 18px; color:#078886; float: right}
.xw ul li{ width: 100%}
.xw ul li a{}
.xw ul li a h1{ margin: 30px 0 14px; font-size: 20px; text-transform: uppercase; line-height: 24px; color: #333; font-weight: bolder; height: 48px;}
.xw ul li a h1{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.xw ul li a p{ font-size: 15px; color: #666; line-height: 20px;}
.xw ul li a p{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.xw-xx{ background: #c7d3d9; width: 100%; height:2px; display: table; margin: 30px 0 0}
.xw-xx span{ background: #008482; width: 60px; height: 2px; display: table}
/*---------wrap----------*/

.fotter{ width: 100%; background:#f2f3f5;}
.fo1{ width: 1200px; margin: 0 auto; display: table; padding: 25px 0}
.fo1 li{ height: 130px; float: left; margin-right: 60px; line-height: 130px;}
.fo1 li a{ font-size: 16px; color: #000; font-weight: bolder}
.fo1 li:last-child{ float: right; margin-right: 0;}
.mfbr-li{ position: relative; margin-right: 0;}
.mfbr-li-icon{cursor: pointer; line-height: 130px;font-size: 16px; color: #000; font-weight: bolder}
.mfbr-li-code{bottom: 52px;pointer-events: none;}
.mfbr-li-icon img{width: 100%;}
.mfbr-li-code{width: 110px;position: absolute;bottom:90px;left: 50%;transform: translateX(-50%);box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);display: none; z-index: 9999}
.mfbr-li-code img{width: 100%;}
.mod-fot-btm-ri{display: flex; float:right}
.fo1 a:hover,.mfbr-li-icon:hover{ color: #008482}


.fo2{ width: 1200px; margin: 0 auto; display: table;  padding: 15px 0;  border-top: 1px solid #c8c8c8;}
.fo2 h1{ float: left; line-height:24px; margin-right: 100px ; font-size: 14px; color: #444;  display: inline-block;}
.fo2 h1 a{color: #444; display: inline-block;}
.fo2 h1 i{ font-style: normal; margin: 0 5px;}
.fotter i{font-style: normal; }
.fo2 .fo2-r{ float: right}
.fo2 .fo2-2{ float: left;line-height:24px; width: 50%}
.fo2 .fo2-r li{ width: 24px; height: 24px; display:inline-block; margin-left: 10px }
.fo2 .fo2-r li a{width: 24px; height: 24px; display:inline-block;cursor:pointer;position:relative;padding: 0px 2px; background-color: #8a8a8a; border-radius: 50%;font-family: iconfontb !important; line-height: 24px;   }
.fo2 .fo2-r li a:before {content: "\e6a2";}
.fo2 .fo2-r li a:before {font-size:20px;vertical-align:top;color:#fff;}
.fo2 .fo2-r li:last-child a:before{  content: "\e713";}
.fo2 .fo2-r li a:hover{ background: #fff; color: #f00;}
.fo2 .fo2-r li a:hover:before {color: #f00;}

.jj-video{ display: none}

/*banner*/
.sy_cpqh{ width:100%; display:table; position:relative}
.sy_cpqh .swiper-container { width:100%;   height: auto; }
.sy_cpqh .swiper-slide {  text-align: center;font-size: 18px; background: #fff; }
.sy_cpqh .swiper-container .swiper-slide {}
.sy_cpqh .swiper-container .swiper-slide img{ display:table}
.sy_cpqh .swiper-pagination-bullet{ width:0.6rem; height:0.1rem; background:#fff; border-radius:0; opacity:.6;}
.sy_cpqh .swiper-pagination-bullet-active{ width:0.6rem; height:0.1rem;  background:#fff; border-radius:0; opacity:1;}





@media screen and (max-width:1199px){
.ys-hd-pc{ display: none}
.box4,.box1-t{ width: 96%}
.home-about{ display: none}
.jj-video{ display: block}
.box3{    background: #f2f3f5;  margin: 40px auto 0;}
.box3 .bt{ padding:40px 0 10px}
.fo1,.fo2{ width: 96%}
.fo1 li{  margin-right: 5%}
.fo1 li:first-child{ width: 20%;line-height: 20px; padding: 55px 0 0}
.fo1 li:first-child a{ line-height: 20px}
.fo1 li:last-child{ width: 120px;}
.fo1 li:last-child img{ width: 120px;}
.fo2 h1{ width: 36%;margin-right:0}
.fo2-2{ text-align: center; width: 38%}
.sy-cp{ width: 96%; margin: 0 0 0 2%}
.box1,.box2-1{    max-width: 1000px; width: 90%}
.bt{font-size:28px;}
.sy-wrap p{ font-size: 16px}
.more{ font-size: 14px}
}
.box4 .more{ display: none}
.wap-fo{ background:#fafafa; width: 100%; display:none; margin: 0 auto; padding: 5% 3%; box-sizing: border-box; color: #444; font-size: 0.9rem; }
.wap-fo-1{}
.wap-fo-1 a{ font-size: 0.9rem; line-height: 1; margin: 0 5px 5px 0; display: inline-block; }
.wap-fo-1 a:first-child{ width: 100%;}
.wap-fo-2{ width: 100%; display: table; line-height: 24px; margin: 10px 0}
.wap-fo-2 span{ float: left; display: inline-block; line-height: 24px;}
.wap-fo-2 img{ width: 24px; margin-right: 5px;}
.wap-fo .fo2-2{ width: 100%; text-align: left; line-height: 1.2}
.wap-fo .fo2-2 span{ line-height: 1.2}
@media screen and (max-width:760px){

.ys-ban-pc{ display: none}
.ys-ban-ph{ display: block}
.ys-ban-slick .slick-dots li{border: 1px solid rgba(255, 255, 255, 1); width:10px; height: 10px; padding: 0;}

.ys-ban-slick .slick-dots li::after{ display: none}
.ys-ban-slick .slick-dots li.slick-active{opacity: 1;border: 1px solid #078886; background: #078886}
.ys-ban-slick .slick-next,.ys-ban-slick .slick-prev{ opacity: 0}
.ys-ban-slick:hover .slick-arrow{ opacity: 0}
.hnbu-li{width:100%; margin:0 0 40px;}
.hnbu-li img{ width: 100%}
.xw{ width: 96%; display: inline-block; margin:  0 0 20px 2%;}
.xw ul{ display: none}
.xw-l{ width: 100%}
.box4 .more{ display: table}
.fotter{ display: none}
.wap-fo{ display: table}
.box4{ padding: 50px 0}
.xw{ padding:15px 0 0}
.bt{ font-size: 1.6rem;}
.sy-wrap p{ font-size: 0.9rem;}
.xw-l a h1 {display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; height: 48px }
.xw-l a p {display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.more{ line-height: 2; padding: 0 30px}
}