@charset "utf-8";
/* CSS Document */

*{margin: 0px;padding: 0px;}

body{font-family:  harmonyos-regular, Arial, Verdana, Geneva, sans-serif;color: #333;background-color: #fff; line-height: 180%; font-size: 16px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr{margin: 0px;padding: 0px;}
html, body{  width: 100%;}
a{color: #333;text-decoration: none;}
a:hover{color: var(--theme-color);text-decoration: none;}
img{border: 0;}
ul{display: block;}
ul, ul li{list-style: none;}
input, select, textarea{vertical-align: middle;font: 16px harmonyos-regular,"Microsoft Yahei", Verdana, Geneva, sans-serif;border: 1px solid #dedede;}
.left{float: left;}
.right{float: right;}
.mt{margin-top: 10px;}
.mr{margin-right: 10px;}
.mb{margin-bottom: 10px;}
.ml{margin-left: 10px;}
.pt{padding-top: 10px;}
.pt2{padding-top:20px;}
.pt3{padding-top:30px;}
.pt4{padding-top:40px;}
.pt5{padding-top:50px;}
.pt6{padding-top:60px;}
.pt7{padding-top:70px;}
.pt8{padding-top:80px;}
.pt9{padding-top:90px;}
.pt10{padding-top:100px;}
.pr{padding-right: 10px;}
.pb{padding-bottom: 10px;}
.pb2{padding-bottom: 20px;}
.pb3{padding-bottom: 30px;}
.pb4{padding-bottom: 40px;}
.pb5{padding-bottom: 50px;}
.pb6{padding-bottom: 60px;}
.pb7{padding-bottom: 70px;}
.pb8{padding-bottom: 80px;}
.pb9{padding-bottom: 90px;}
.pb10{padding-bottom: 100px;}
.pl{padding-left: 10px;}
.wp{margin: 0px auto; max-width: 1200px;}
.wp2{margin: 0px auto; max-width: 1200px;}
.cls{font-size: 0px;height: 0px;line-height: 0px;clear: both;}
.hs{ background: #f6f6f6;}
.wp1380{ width:1380px; margin:0px auto}
.hs{ background: #f5f5f5;}
.h1, h1{ font-size: 16px; font-weight: 600;}
.container-s{ padding: 0px 40px;}

.zsy-img{ width: 100%; overflow: hidden; position: relative; text-align: center;}
.zsy-img img{ max-width:100%;      display: block;}
.zsy-img img.abc {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; display: block; text-align: center; margin: auto;  transition:all 0.36s ease; object-fit:cover;}
.zsy-img a:hover img.abc{ transform: scale(1.08);}

.hover-img:hover img{transform: scale(1.08);}

.zoom{ transition:all 0.36s ease;}

.zoom-box{ overflow:hidden;}
.zoom-box img{ max-width:100%;}
.zoom-box:hover .zoom{ transform:scale(1.08); border-radius:0px;}

.box-pl10{ padding-left:100px;}
.box-pr10{ padding-right:100px;}

.fz42{ font-size:42px; color:#333; line-height:120%; padding-bottom:1.25rem;font-weight:normal;}


.container{ padding-right: 1.25rem; padding-left: 1.25rem;}
/* .row { margin-right: -1.25rem; margin-left: -1.25rem;} */

img{display:inline-block; max-width: 100%;}

.x1{ width:100%;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.x2{ width:100%;   overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  display: -moz-box; -moz-line-clamp: 2;  -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;    }
.x3{ width:100%;   overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  display: -moz-box; -moz-line-clamp: 3;  -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;    }


.ty-flex{display: flex; flex-wrap: wrap;}
.ty-flex-zy-lb{justify-content: space-between;}
.ty-flex-zy-jz{justify-content: center;}
.ty-flex-sx-jz{ align-items: center;}
.ty-flex-wrap{flex-wrap: wrap;}
.ty-flex-sx-dq{align-items: flex-start;}


/* Project id 4010919 */

/* @font-face {
  font-family: "iconfont";
  src: url('../font/iconfont.woff2') format('woff2'),
       url('../font/iconfont.woff') format('woff'),
       url('../font/iconfont.ttf') format('truetype');
} */






@font-face {
  font-family: "iconfont"; /* Project id 4793050 */
  src: url('../font/iconfont.woff2?t=1777512724737') format('woff2'),
       url('../font/iconfont.woff?t=1777512724737') format('woff'),
       url('../font/iconfont.ttf?t=1777512724737') format('truetype');
}


.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}







/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont2';  /* Project id 4798830 */
  src: url('http://at.alicdn.com/t/c/font_4798830_9ivn9zba6q.woff2?t=1741140730409') format('woff2'),
       url('http://at.alicdn.com/t/c/font_4798830_9ivn9zba6q.woff?t=1741140730409') format('woff'),
       url('http://at.alicdn.com/t/c/font_4798830_9ivn9zba6q.ttf?t=1741140730409') format('truetype');
}

.iconfont2 {
  font-family: "iconfont2" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



:root{
  --theme-color:#063373;
  --theme-color2:#e6ac73;
  --title-font-size:3.2rem;
}
.ty-color{color:var(--theme-color)}
.bs-color{color:#fff;}


*{box-sizing: border-box;}


@font-face {
  font-family: "harmonyos-regular";
  src: url("../font/harmonyos-regular.woff2") format("woff2"),
       url("../font/harmonyos-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}


.zt{ font-family: 'harmonyos-regular';  font-size: 30px; color:#b2b2b2;   -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}


/*加载动画*/
.preloader{height:100vh;width:100%;position:fixed;background:var(--white);top:0;left:0;right:0;bottom:0;z-index:9999999999}
.preloader-orbit-loading{position:relative;top:50%;left:50%;width:100px;height:100px;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;perspective:780px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.preloader-orbit-loading .cssload-inner{position:absolute;width:100%;height:100%;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}
.preloader-orbit-loading .cssload-inner.cssload-one{left:0;top:0;animation:cssload-rotate-one 1.15s linear infinite;-o-animation:cssload-rotate-one 1.15s linear infinite;-ms-animation:cssload-rotate-one 1.15s linear infinite;-webkit-animation:cssload-rotate-one 1.15s linear infinite;-moz-animation:cssload-rotate-one 1.15s linear infinite;border-bottom:5px solid var(--theme-color)}
.preloader-orbit-loading .cssload-inner.cssload-two{right:0;top:0;animation:cssload-rotate-two 1.15s linear infinite;-o-animation:cssload-rotate-two 1.15s linear infinite;-ms-animation:cssload-rotate-two 1.15s linear infinite;-webkit-animation:cssload-rotate-two 1.15s linear infinite;-moz-animation:cssload-rotate-two 1.15s linear infinite;border-right:5px solid var(--theme-color)}
.preloader-orbit-loading .cssload-inner.cssload-three{right:0;bottom:0;animation:cssload-rotate-three 1.15s linear infinite;-o-animation:cssload-rotate-three 1.15s linear infinite;-ms-animation:cssload-rotate-three 1.15s linear infinite;-webkit-animation:cssload-rotate-three 1.15s linear infinite;-moz-animation:cssload-rotate-three 1.15s linear infinite;border-top:5px solid var(--theme-color)}
@keyframes cssload-rotate-one{0%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)}
100%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}
}@-o-keyframes cssload-rotate-one{0%{-o-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)}
100%{-o-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}
}@-ms-keyframes cssload-rotate-one{0%{-ms-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)}
100%{-ms-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}
}@-webkit-keyframes cssload-rotate-one{0%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)}
100%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}
}@-moz-keyframes cssload-rotate-one{0%{-moz-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0deg)}
100%{-moz-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}
}@keyframes cssload-rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)}
100%{transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}
}@-o-keyframes cssload-rotate-two{0%{-o-transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)}
100%{-o-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}
}@-ms-keyframes cssload-rotate-two{0%{-ms-transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)}
100%{-ms-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}
}@-webkit-keyframes cssload-rotate-two{0%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)}
100%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}
}@-moz-keyframes cssload-rotate-two{0%{-moz-transform:rotateX(50deg) rotateY(10deg) rotateZ(0deg)}
100%{-moz-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}
}@keyframes cssload-rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)}
100%{transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}
}@-o-keyframes cssload-rotate-three{0%{-o-transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)}
100%{-o-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}
}@-ms-keyframes cssload-rotate-three{0%{-ms-transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)}
100%{-ms-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}
}@-webkit-keyframes cssload-rotate-three{0%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)}
100%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}
}@-moz-keyframes cssload-rotate-three{0%{-moz-transform:rotateX(35deg) rotateY(55deg) rotateZ(0deg)}
100%{-moz-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}
}


/*header*/
 .ix-header{position:relative; width:100%; top:0; z-index:101; height:100px; background: #fff;}


.ix-header .ix-logo img{ height:60px;}
.ix-header .ix-logo img.a2{ display:none;}
.top-ico{font-size: 30px; vertical-align: top; color: #08346f; padding-right: 10px;}




/*=========导航==========*/
/*一级导航*/
.ix-nav{line-height:100px;}
.ix-nav li{float:left; padding:0px 2vw; position:relative; color:#333333; height: 100px;}
.ix-nav li>a{color:#333333; font-size:px; }
.ix-nav li>a>i{font-size:20px; display:inline-block; padding-right:10px; color: #fff; vertical-align: top;}
.ix-nav li.hydl a{color: #fff; padding: 10px 20px; background: var(--theme-color); border-radius: 6px; transition: all 0.36s ease;}
.ix-nav li.hydl a:hover{background: var(--theme-color2);}
.ix-nav li>i{font-size:12px; display:inline-block; padding-left:10px;}
.ix-nav li i.yy{padding-left:0px; font-size:1.25rem; vertical-align:middle; padding-right:10px;}
.ix-nav li i.mobile-an{cursor:pointer; display: none;}
.nax-an{ display:none;}
.nav-colose{ display:none;}
/*二级导航*/
.ix-nav li .subnav{width:100% !important; left:0 !important; right:0!important;  position:absolute; top:150px;  opacity:0; visibility:hidden; transition:all 0.36s ease; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.2); width:100%; text-align:center; border-radius:6px; overflow:hidden;}
.ix-nav li:hover .subnav{ opacity:1; visibility:visible; top:100px; }
.ix-nav li .subnav a{line-height:160%; display: block; font-size:14px; padding:10px 10px; transition:all 0.36s ease;}
.ix-nav li .subnav a:hover{background:var(--theme-color);color:#fff;}
/*=========导航-end=========*/


/*===============================db_xs==========================*/
.db_xs { width: 50px; height: 50px; transition: all 0.36s ease;  position: fixed; right: 30px; bottom: 60px; z-index: 9999; border-radius: 50%; display: none; background: url(../images/xs.png) no-repeat center center; background-color: rgba(0,0,0,0.2);}
.db_xs:hover{ background-color: var(--theme-color);}
.wp-box{ padding-left:8%; padding-right:8%;}

/*banner*/
.ix-banner{height: 700px; position: relative;}
.ix-banner .swiper-container{width:100%;}
.ix-banner .sw-box{height:100%;overflow:hidden;}
.ix-banner .ix-ban-bj{width:100%;height:700px;transition:all 0.36s ease;display:table;}
.ix-ban-bj .ib-tit{display:table-cell;vertical-align:middle;}
.ix-ban-bj .ib-tit .ib-t0{font-size: 24px; color: #fff; padding-bottom: 20px;    text-transform: uppercase;}
.ix-ban-bj .ib-tit .ib-t1{font-size:45px;color:#fff;width:48%;line-height:140%; font-weight: bold; padding-bottom:1.875rem; }
.ix-ban-bj .ib-tit .ib-t1 span{display:inline-block;width:40px;height:3px;background:#fff;vertical-align:middle;margin-right:1.25rem;}
.ix-ban-bj .ib-tit .ib-t2{font-size:2.5rem;line-height:150%;padding-top:1.87rem;color:#fff;padding-bottom:3.125em;}
.ix-ban-bj .ib-tit .ib-t3{font-size:18px;;color:rgba(255,255,255,1);width:45%;line-height:180%;}
.ix-ban-bj .ib-tit .ib-t3 span{display:inline-block;padding-left:1.25rem;color:#999999;font-weight:normal;position:relative;}
.ix-ban-bj .ib-tit .ib-t3 span:after{content:'';position:absolute;left:0px;top:12px;width:calc(100% - 0.5rem);height:1px;background:#aeb3c3;margin:0}
.ix-ban-bj .ib-tit .ib-t4{margin-top:3.125rem;}

.ix-banner .swiper-button-next,.ix-banner .swiper-button-prev{width:3.125rem;height:3.125rem;background:rgba(0,0,0,0.5);border-radius:6px;text-align:center;line-height:50px;transition:all 0.36s ease;}
.ix-banner .swiper-button-next i,.ix-banner .swiper-button-prev i{font-size:0.9rem;color:#fff;}
.ix-banner .swiper-button-next{right:2.5rem;}
.ix-banner .swiper-button-prev{left:2.5rem;}
.ix-banner .swiper-button-prev:after,.ix-banner .swiper-button-next:after{display:none;}
.ix-banner .swiper-button-prev:after,.ix-banner .swiper-button-next:after{display:none;}
.ix-banner .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;border-radius:5px;background:transparent; border:solid 1px #fff; margin:0px 5px;transition:all 0.36s ease;opacity:1;}
.ix-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.875rem;background:#fff;  border:solid 1px #fff;}
.ix-banner .swiper-button-next:hover,.ix-banner .swiper-button-prev:hover{background:var(--theme-color);}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:1.25rem;}
.ix-banner .swiper-pagination{bottom: 10px;;}
.ix-ban-bj .ib-tit::after{position: absolute;top: 0; width: 100%;height: 100%; background:rgba(0,0,0,0.2); z-index: -1; content: '';}
.ix-more{
  a{font-size:1.1rem;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:11rem;padding:0.76rem 0rem;color:#fff; border:solid 1px var(--theme-color2); background: var(--theme-color2); -webkit-transition:.4s;-o-transition:.4s;transition:.4s;border-radius:6px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;
  em{margin-left:0.6rem;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;font-size:1.2rem;
  svg{vertical-align:middle}}
  &:hover{
    em{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin-left:1rem}
  }
}}
.ix-more:hover a{ background: var(--theme-color); color: #fff; border: solid 1px var(--theme-color); }




/*通用栏目*/
.ix-head {position: relative;}
.ix-head .i1{font-size: 30px; line-height: 150%; font-weight: bold; color: #000;}
.ix-head .i1 img{padding-right: 10px;}
.ix-head .i1 span{color:var(--theme-color); font-size: 18px;  text-transform: uppercase; padding-top: 10px; display: inline-block; padding-left: 10px; text-decoration: underline;}
.ix-head .i2{ color:#1a1a1a;  line-height: 180%; color: #666; }

.ix-head.bs-head{position: relative;}
.ix-head.bs-head .i1{font-size: 30px; font-weight: bold; color: #ffffff;}
.ix-head.bs-head .i1 span{color:#fff;}
.ix-head.bs-head .i2{color:rgba(255,255,255,0.8);}
.fd-right{position: absolute; right: 0; top: 0;}

.ix-more2{
  a{font-size:1rem; text-transform: uppercase; display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex; width: auto; padding:0.6rem 1.875rem; color:#fff; -webkit-transition:.4s;-o-transition:.4s;transition:.4s; border:solid 1px var(--theme-color); background: transparent; color: var(--theme-color); border-radius:6px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;         min-width: 10rem;
  em{margin-left:0.6rem;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;font-size:1.2rem;
  svg{vertical-align:middle}}
  &:hover{ background: var(--theme-color); color: #fff; em{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin-left:1rem}}
}}

.ix-more2.fd-right{
  a{font-size:1rem;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex; width: auto; padding:0.6rem 1.25rem;color:var(--theme-color);-webkit-transition:.4s;-o-transition:.4s;transition:.4s; border:solid 1px var(--theme-color); border-radius:6px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;
  em{margin-left:0.6rem;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;font-size:1.2rem;
  svg{vertical-align:middle}}
  &:hover{background-color: var(--theme-color);  color: #fff; em{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin-left:1rem}}
}}

.ix-head.bs-head .ix-more2.fd-right{
  a{font-size:1rem;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex; width: auto; padding:0.6rem 1.25rem;color:#fff;-webkit-transition:.4s;-o-transition:.4s;transition:.4s; border:solid 1px #fff; border-radius:6px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center; background: transparent;
  em{margin-left:0.6rem;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;font-size:1.2rem;
  svg{vertical-align:middle}}
  &:hover{background-color: var(--theme-color); border: solid 1px var(--theme-color); color: #fff; em{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin-left:1rem}}
}}
.ix-head .ix-more2{top:20px;}

/*关于我们*/
.ix-about .row{gap: 1.875rem 0rem;}
.ix-about-img{padding: 20px; padding-top: 0px; position: relative;}
.ix-about-img img{display: block;}
.ix-about-img::after{z-index: -1; background: url(../images/ab_1.png)no-repeat top center; content: ''; position: absolute; display: block; width: 250px; height: 150px; right: 0; top: 40px;}
.ix-about-img::before{z-index: -1; background: url(../images/ab_2.png)no-repeat top center; content: ''; position: absolute; display: block;  width: 250px; height: 150px; left: 0; bottom: 0;}

/*传播世界*/
.ix-cbsj-img-tit{gap: 60px;}
.ix-cbsj-tit ul{gap: 40px;}
.ix-cbsj-tit ul li{padding: 30px; background: #f5f5f5; width: calc((100% - 80px)/3);}
.ix-cbsj-tit ul li .t1{font-size: 24px; color:#333333; padding-bottom: 15px; font-weight: normal; }
.ix-cbsj-tit ul li .t1 span{padding-right: 10px; font-weight: bold; font-size: 38px; line-height: 120%;}
.ix-cbsj-tit ul li .t2{ width: 120px; word-break: normal; line-height: 150%;}
/*新闻列表*/

.ix-news-img .ins-tit{position:absolute; bottom:30px; left:30px; width:calc(100% - 250px);     z-index: 11;}
.ix-news-img .ins-tit .ins-tit-t1{ color:#fff;}
.ix-news-img .ins-tit .ins-tit-t1 i{padding-right: 10px;}
.ix-news-img .ins-tit .ins-tit-t2{ color:#fff; font-size:18px; font-weight: bold;}
/* .ix-news-img .swiper-slide::after{content: "";  position: absolute;  bottom: 0;  height: 150px;  left: 0;  display: block;  width: 100%;  background: linear-gradient(bottom , rgba(0, 0, 0, 0.8) , rgba(0, 0, 0, 0) 100%);  background: -o-linear-gradient(bottom , rgba(0, 0, 0, 1) , rgba(0, 0, 0, 0) 100%);  background: -ms-linear-gradient(bottom , rgba(0, 0, 0, 1) , rgba(0, 0, 0, 0) 100%);  background: -moz-linear-gradient(bottom , rgba(0, 0, 0, 1) , rgba(0, 0, 0, 0) 100%);  background: -webkit-linear-gradient(bottom , rgba(0, 0, 0, 1) , rgba(0, 0, 0, 0) 100%);} */

.ix-news-img{position:relative;}
.ix-news-img .swiper-button-next, .ix-news-img .swiper-button-prev{width:50px; height:50px; background:rgba(255,255,255,0.9); transition: all 0.36s ease;}
.ix-news-img .swiper-button-next:after, .ix-news-img .swiper-button-prev:after{content:""; }
.ix-news-img .swiper-button-next{right:0px; border-radius:0rem;}
.ix-news-img .swiper-button-prev{left:0px;  border-radius:0rem ;}

.ix-news-img .swiper-button-next i, .ix-news-img .swiper-button-prev i{font-size:18px;color:var(--theme-color); transition: all 0.36s ease;}
.ix-news-img .swiper-pagination{ bottom:0px;}
.ix-news-img .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; border-radius:0px; background:rgba(255,255,255,0.2); border-radius: 5px; opacity:1;}
.ix-news-img .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 40px; background: #fff;}

.ix-news-img .swiper-button-next:hover, .ix-news-img .swiper-button-prev:hover{background: var(--theme-color);}
.ix-news-img .swiper-button-next:hover i, .ix-news-img .swiper-button-prev:hover i{color: #fff;}

.ix-news-box{gap: 40px;}
.ix-news-xx{width: 100%;}
.ix-news-xx2{  background: rgba(0, 0, 0, 0.2); backdrop-filter: saturate(100%) blur(0.65rem);}
.ix-news-list .ix-news-list-img{ width: 100%; padding: 40px 30px; overflow: hidden; padding-bottom: 0px;}
.ix-news-list .ix-news-list-tit{padding: 30px 30px;  width:100%;}
.ix-news-list .ix-news-list-tit .t2{color:rgba(255,255,255,0.8); text-transform: uppercase;}
.ix-news-list .ix-news-list-tit .t2 i{padding-right: 10px; font-size: 18px; color: var(--theme-color2);}
.ix-news-list .ix-news-list-tit .t1{line-height: 150%; color:#fff; font-weight: bold; font-size: 20px;}
.ix-news-list ul li{background-color: #fff; transition: all 0.36s ease;}
.ix-news-list ul{gap: 40px;}


.ix-news-list a:hover .zsy-img img{transform: scale(1.08);}
.ix-news-list a:hover{background: var(--theme-color);}

.jxz{position: absolute; top: 50px;right:40px; padding: 5px 10px; border-radius: 4px; display: inline-block; background: var(--theme-color2); color: #fff; z-index: 1;}

.ix-news-list-tit .ix-more2 a{    padding: 0.5rem 1.25rem;
    color: rgba(255, 255, 255, 1);
    border: solid 1px var(--theme-color2); background: var(--theme-color2);}
.ix-news-list-tit .ix-more2 a:hover{border:solid 1px var(--theme-color2); background: var(--theme-color2);}
/*事件*/
.ix-events ul li{border-top: solid 1px #e0e0e0; padding: 40px 40px; transition: all 0.36s ease;}
/* .ix-events ul li:nth-child(even) .ix-events-e2{order: 2;  
    padding-left: 0px; padding-right: 40px;}
.ix-events ul li:nth-child(even) .ix-events-e3{order: 5;}

.ix-events ul li:nth-child(even) .ix-events-e2 .ix-events-e1{right: 340px;} */

.ix-events ul li a{ transition: all 0.36s ease;}
.ix-events-e1{ width: 100px; background-color:var(--theme-color); text-align: center;}

.ix-events-e1{color: #fff; padding: 11px 0px; position: absolute; left: 40px;}
.ix-events-e1 p{font-size: 24px;}
.ix-events-e2{width: calc(100% - 300px); padding-left:180px;     position: relative;}
.ix-events-e2 .t1{font-size: 18px; font-weight: bold; color: var(--theme-color);} 
.ix-events-e2 .t2{font-size: 20px; color: #333333; font-weight: bold; line-height: 150%; transition: all 0.36s ease;}
.ix-events-e2 .t3{font-size: 18px; color: #666666;}
.ix-events-e2 .t4{ color: #999999;}
.ix-events-e3{ width: 300px; height: 200px; overflow: hidden;}

.ix-events ul li a:hover .ix-events-e2 .t2{color: var(--theme-color);}
.ix-events ul li a:hover .ix-events-e3 img{ transform: scale(1.08);}
.ix-events ul li:hover{background: #f5f5f5;}


/*研究*/
.research-tit{padding: 25px 30px; background: #fff;}
.research-tit .t1{font-size: 18px; color: #333; font-weight: bold; height: 60px;}
.research-tit .t2{position: relative; color: #999999; text-align: left; padding-top: 25px; margin-top: 25px; border-top: solid 1px #e0e0e0;}
.research-tit .t2>i{display: inline-block; padding-right: 10px;}
.research-tit .t2 .research-more{position: absolute; right: 0; top: 25px; color: #999999; width: 40px; transition: all 0.36s ease;}
.research-tit .t2 .research-more i{padding-left: 18px; transition: all 0.36s ease;}
.research-tit .t2 .research-more::before{content: ''; width: 1px; height: 15px; background: #e0e0e0; display: inline-block; text-align: left; transition: all 0.36s ease;}
.ix-research-swiper .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;border-radius:5px;background:rgba(0, 0, 0, 0.1);  margin:0px 5px;transition:all 0.36s ease;opacity:1;}
.ix-research-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.875rem;background:#e5ac73;  }

.ix-research-swiper a:hover img{transform: scale(1.08);}
.ix-research-swiper a:hover  .research-tit .t1{color: var(--theme-color);}
.ix-research-swiper a:hover  .t2 .research-more{right: 20px;}
.ix-research-swiper a:hover  .t2 .research-more i{ color: var(--theme-color); font-weight: bold;}
.ix-research-swiper a:hover  .t2 .research-more::before{color: var(--theme-color);}

/*加入我们*/
.ix-join-tit{text-align: center;}
.ix-join-tit .ix-head.bs-head .i2{color: rgba(255,255,255,1); max-width: 1000px; margin: 0px auto;}
.ix-join-tit .ix-more2{position: relative; top: 0;}
.ix-join-tit .ix-head.bs-head .ix-more2 a{background: var(--theme-color2); border:solid 1px var(--theme-color2);}
/*FAQ*/

.ix-faq .row{gap: 1.875rem 0rem;}
.faq-question{padding: 20px 30px; background: #fff; position: relative; font-size: 1.125rem; font-weight: bold; border-radius: 6px 6px 0px 0px;}
.faq-question i{position: absolute; right: 30px; top: 30%; transform: translateY(-50%);     transform: rotate(90deg); transition: all 0.36s ease; font-size: 1.125rem; font-weight: normal;}
.faq-item.active .faq-question i{transform: rotate(270deg);}
.faq-answer{padding: 30px; background: #fff; border-top: solid 1px #e0e0e0;}
.ix-faq-list-box{gap: 20px;}
.faq-item{width: 100%;}
/*底部*/
.ix-footer{color: rgba(255,255,255,0.5);}
.ix-footer a{color: rgba(255,255,255,0.5); transition: all 0.36s ease;}
.ix-footer a:hover{color: #fff;}
.ix-foot-logo img{max-height: 70px;}
.ix-foot-xx{width: 450px; padding: 20px; background: rgba(255,255,255,0.1); border-radius: 20px 0px 20px 0px;}
.ix-foot-nav .n2 a{display: block; }
.ix-foot-img{text-align: center;}
.ix-foot-img img{width: 120px; height: 120px; border-radius: 6px;}
.ix-foot-nav .n1{font-size: 18px; font-weight: bold; color: #fff;}
.ix-foot-nav .n2{padding-top: 20px;}
.ix-foot-img p{color: #fff;     padding-top: 10px;}

.ix-foot-dz ul li:nth-child(1){border-right: solid 1px rgba(255,255,255,0.1); padding-right: 80px;}
.ix-foot-dz ul li:nth-child(2){padding-left: 80px;}
.ix-foot-dz ul li{width: 50%; }

.ix-foot-dz .t1{font-size: 18px; font-weight: bold; color: #fff; padding-bottom: 15px;}
.ix-foot-dz .t2 i{display: inline-block; padding-right: 10px; font-size: 20px;}

.ix-foot-t3{ text-align: center; padding: 15px 0px; border-top: solid 1px rgba(255,255,255,0.1);}






/*响应式字体*/
html {font-size: calc(0.8rem + 0.3vw);}

.container { padding-right: 1.25rem; padding-left: 1.25rem;}
.row {--bs-gutter-x: 2.5rem;}  
.g-0, .gx-0 {--bs-gutter-x: 0;}


/*768~以上的继承下面样式*/
@media (min-width: 768px) {
  html { font-size: 16px; }
}


@media (min-width: 1380px) {
   .container{ max-width: 1440px; } 
}

@media (min-width: 1680px) {
   .container{max-width: 1640px;} 
}


@media (max-width: 1480px) {
.ix-nav li{padding:0px 30px;}
}


@media (max-width: 1380px) {
       .ix-nav li{padding: 0px 15px;}
}

@media (max-width: 1280px) {
  .wp{ width: 1200px; margin: 0px 20px; }
}

@media (max-width: 1199px) {

    /*=======移动端响应式导航======*/

     .nax-an{ display:block; font-size:2rem; color:#333; }
    .ix-nav{width: 280px; height: 100%;  background: #fafafa; position: fixed; top: 0;  right: -380px;  z-index: 2000; overflow-x: hidden;  overflow-y: scroll;  transition: all .3s;  -webkit-transition: all .3s;}
    .ix-nav ul li a{ color:#333;  padding:15px 0px;    padding:15px 0px;  padding-left:30px; display:inline-block; }
    .ix-nav li{ display:block;  width:calc(100% - 0px); line-height:initial;border-bottom: 1px solid #ebebeb; height: initial;}
    .ix-nav li a:after{ width:10px; height:10px; border:solid 1px #d8d8d8; position:absolute; left:1.25rem; top:22px; content:''; border-radius:10px;}
    .ix-nav.open{right:0;} 

.ix-nav li i.mobile-an{display: block;}

      /*二级*/
      .ix-nav li .subnav{ opacity:initial; visibility:initial; transition:initial; display:none; position:initial; box-shadow:none; margin-bottom:1.25rem; }
     .ix-nav li .subnav a{padding-left:30px; text-align:left;}
     .ix-nav li i.mobile-an{ transition:all 0.36s ease; transform:rotate(270deg); font-size: 14px; color:#b3b3b3; position:absolute; right:5px; top:12px; width: 30px; padding-left:0px; height: 30px; text-align: center; line-height:30px;}
     .ix-nav li .mobile-an.active{transform:rotate(360deg); }
     .nav-colose{padding:1.25rem 0px; color:#666; text-align:right; display:block; font-size: 1.25rem;}
     .ix-nav li i.yy{display:none;} 

     .ix-nav li.hydl{margin: 10px 0px; padding: 10px 0px; padding-left: 45px; padding-bottom: 20px;}


     


     /*移动端黑色层*/
      .nav-bg { display: none;background-color: rgba(0,0,0,.7); position: fixed; right: 0; left:0; top: 0; width: 100%; height: 100%;  z-index: -1; transition:all .3s; -webkit-transition:all .3s;}
     .nav-bg.open{opacity: 1; z-index: 11; display: block;} 



      /*=======移动端响应式导航-END======*/

       html, body{height: initial; }
      .ix-header{position: relative; height: 60px;}
      .ix-header .ix-logo img.a1{display: none;}
      .ix-header .ix-logo img.a2{display: block;}
      .ix-header .ix-logo{padding: 10px 0rem;}
      .ix-header .ix-logo img { height: 40px;} 


      /*banner*/
      .scr{display: none;}
      .ix-video video{ height: initial;}
      .ix-banner .ix-ban-bj{height: 100%;}
      .ix-pro-tit{top:25%;}
      .ix-banner .ix-ban-bj img{height: 100%;}
      .ix-pro-tit .ix-more{position: initial;}
      .ix-banner .swiper-button-next, .ix-banner .swiper-button-prev{display: none;}
      .ix-banner .swiper-pagination{padding-left: 2.5rem;}

      .ix-banner .ix-ban-bj {height: 500px;}
      .ix-ban-bj .ib-tit .ib-t3{width: 80%;} 
.ix-ban-bj .ib-tit .ib-t1{width: 90%; line-height: 160%;}
.ix-banner{height: 500px;}

    

}


@media (max-width: 1080px) {


}

@media (max-width: 880px) {
  .ix-foot-xx{width: 100%;}
   .ix-foot-t1 ul li:nth-child(1){width: 100%; padding-bottom: 30px;}

   /*最新动态*/
   .ix-events ul li{padding: 1.875rem 0rem;}
   .ix-events-e3{width: 100%; height: 100%;}
   .ix-events-e2{width: 100%; padding-left: 110px; padding-top: 1.875rem;}
   .ix-events-e1{left: 0px; width: 90px;}
   .ix-events-e2 .t2{padding-top: 0.625rem; font-size: 1.25rem;}
   .ix-events-e2 .t4{padding-top: 1rem;}

  }
@media (max-width: 640px) {

    /*通用*/
      .pt6{ padding-top: 1.875rem;}
        .pb6{ padding-bottom: 1.875rem;}
        .pt8{ padding-top: 1.875rem;}
        .pb8{ padding-bottom: 1.875rem;}
        .pt4{padding-top: 1.875rem;}
       .pb4{padding-bottom: 1.875rem;}
       .pt10{ padding-top: 2.5rem;}
       .pb10{ padding-bottom: 2.5rem;}
    
        body{font-size:1rem; line-height:180%;}
    
        .wp-box{padding-left:1.25rem; padding-right:1.25rem;} 
    
            .row {--bs-gutter-x: 1.4rem;}


    body{font-size:1rem;line-height:200%;}
 
  

      /*向上*/
      .db_xs{ width: 40px; height: 40px; line-height: 40px; background-size: 30px 30px; bottom: 30px; right: 1.25rem;} 


      /*底部*/
      .ix-foot-logo img{max-height: 50px;}
      .ix-foot-t1 ul li{width: 100%; padding-bottom: 20px;}
      .ix-foot-t1 ul li:nth-last-child(1){padding-bottom: 0px;}
      .ix-foot-t1 ul li .n2{padding-top: 10px;}
      .ix-foot-t1 ul li .n2 a{display: inline-block; margin-right: 10px;}
      .ix-foot-img img{width: 100px; height: 100px;}
      .ix-foot-img{text-align: left;}
      .ix-foot-t3{text-align: left; line-height: 130%;}
    
      /*banner*/
    .ix-ban-bj .ib-tit .ib-t1{font-size: 1.5rem; padding-bottom: 0rem;}
    .ix-ban-bj .ib-tit .ib-t3{display: none;}
    .ix-banner{height: 350px;}
    .ix-banner .ix-ban-bj{height: 350px;}
    .ix-ban-bj .ib-tit .ib-t4{margin-top: 2.5rem;}

    /*通用栏目*/
    .ix-head .i1{font-size: 1.68rem;}
    .ix-head .i1 span{font-size: 1.125rem;}
    .ix-head .i1 img{height: 18px;}

  .ix-head.bs-head .i1{font-size: 1.68rem;}
  



    .ix-about-img::after{ height: 130px; background-size: 100% 100%;}
    .ix-cbsj-tit ul li{padding: 1.875rem 1.25rem;}
    .ix-cbsj-tit ul{gap: 1.25rem;}
    .ix-cbsj-tit ul li{    width: calc((100% - 2.5rem) / 3);}
    .ix-cbsj-tit ul li .t2{width: 100%;     -webkit-line-clamp: 5;}
    .ix-cbsj-tit ul li .t1 span{font-size: 2rem;}
    .fd-right{position: relative; padding-bottom: 1.25rem;}

    /*最新活动*/
.ix-news-img .swiper{padding-bottom: 3rem;}
.ix-news-list .ix-news-list-img{    padding: 1.875rem 1.25rem;}
.ix-news-list .ix-news-list-tit{padding: 1.25rem; padding-top: 0rem;}
/*FAQ*/
.faq-question{padding: 1.25rem 1.25rem;}
.faq-question i{right: 1.25rem;}
.faq-answer{padding: 1.25rem;}


    }