@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding: 0px;}
body{font: 16px/170% harmonyos, Arial, Verdana, Geneva, sans-serif;color: #333333;background-color: #fff; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;     max-width: 1920px !important;  margin: 0px auto !important; font-weight: 300;}
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; }
a{color: #333333;text-decoration: none;}
a:hover{color: #333;text-decoration: none;}
img{border: 0;}
ul{display: block;}
ul, ul li{list-style: none;}
input, select, textarea{vertical-align: middle;font: 12px "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;}
.pr2{padding-right: 20px;}
.pr3{padding-right: 30px;}
.pr4{padding-right: 40px;}
.pr5{padding-right: 50px;}
.pr6{padding-right: 60px;}
.pr7{padding-right: 70px;}
.pr8{padding-right: 80px;}
.pr9{padding-right: 90px;}
.pr10{padding-right: 100px;}
.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;}
.pb16{padding-bottom: 160px;}
.pl{padding-left: 10px;}
.pl2{padding-left: 20px;}
.pl3{padding-left: 30px;}
.pl4{padding-left: 40px;}
.pl5{padding-left: 50px;}
.pl6{padding-left: 60px;}
.pl7{padding-left: 70px;}
.pl8{padding-left: 80px;}
.pl9{padding-left: 90px;}
.pl10{padding-left: 100px;}
.wp{margin: 0px auto;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;  height: 100%;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; max-width: 100%; max-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);} 

.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:20px;font-weight:normal;}


.container{ padding-right: 20px; padding-left: 20px;} 
.row { margin-right: -20px; margin-left: -20px;}  
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-right: 20px; padding-left: 20px;}



.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;    }
i{font-weight:normal;}



  @font-face {
        font-family:harmonyos;
        src:url(../static/font/harmonyos_sans_regular-webfont.woff2) format("woff2"),url(../static/font/HarmonyOS_Sans_Regular.woff) format("woff"),url(../static/font/HarmonyOS_Sans_Regular.ttf) format("truetype");
        font-weight:400;
        font-style:normal
    }



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


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




/*加载动画*/
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#f7f7f7;z-index:999999}
.preloader{width:60px;height:60px;display:inline-block;padding:0;text-align:left;box-sizing:border-box;position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-25px}
.preloader span{position:absolute;display:inline-block;width:60px;height:60px;border-radius:100%;background:#71d9e3;-webkit-animation:preloader 1.3s linear infinite;animation:preloader 1.3s linear infinite}
.preloader span:last-child{animation-delay:-0.8s;-webkit-animation-delay:-0.8s}
@keyframes preloader{0%{transform:scale(0,0);opacity:.5}
100%{transform:scale(1,1);opacity:0}
}
@-webkit-keyframes preloader{0%{-webkit-transform:scale(0,0);opacity:.5}
100%{-webkit-transform:scale(1,1);opacity:0}
}



/*header*/
.ix-header{position:fixed; width:100%; top:0; z-index:101; height:100px; transition:all 0.36s ease;     max-width: 1920px !important; margin: 0px auto !important;}
.ix-header .ix-logo{ padding-top:20px;}
.ix-header .ix-logo img{ height:60px;}
.ix-header .ix-logo img.a2{ display:none;}

.ix-header.active{ background:#fff;}
.ix-header.active a {color: #666;}
.ix-header.active i{color:#666;}



/*新增*/
.ix-header.active .ix-logo img.a1{display:none;}
.ix-header.active .ix-logo img.a2{display:block;}




/*=========导航==========*/
/*一级导航*/
.ix-nav{line-height:100px; width:calc((100% - 360px));}
.ix-nav ul{display:flex;     justify-content: space-between; flex-wrap: wrap;}
.ix-nav ul li:nth-last-child(1){padding-right:0px;}
.ix-nav li{ position:relative; color:#fff; }
.ix-nav li>a{color:#fff; font-size:18px;}
.ix-nav li>i{font-size:12px; display:inline-block; padding-left:10px;}
.ix-nav li i.yy{padding-left:0px; font-size:20px; vertical-align:middle; padding-right:10px;}
.ix-nav li i.mobile-an{cursor:pointer;}
.nax-an{ display:none;}
.nav-colose{ display:none; cursor:pointer;}

.ix-nav li.active a{color:#b03433;}

.ix-nav li.ix-tell{font-size:20px;  font-weight: bold;}
.ix-nav li.ix-tell span{font-size:14px;}
.ix-nav li.ix-tell i{font-size:30px; vertical-align:middle; display:inline-block; padding-right:10px; padding-left:0px; font-weight: normal;}

/*二级导航*/
.menuMain li{position:relative;}
.menuMain li .subnav{width:100% !important; left:0 !important; right:0!important;  position:absolute; top:50px; z-index: 111;  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;}
.menuMain li:hover .subnav{ opacity:1; visibility:visible; top:52px; }
.menuMain li .subnav a{line-height:160%; display: block; font-size:14px; padding:10px 10px; transition:all 0.36s ease;}
.menuMain li .subnav a:hover{background:#06154d;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: #1255b3;}
.wp-box{ padding-left:8%; padding-right:8%;}
.wp-pl{ padding-left:8%;}
.wp-pr{ padding-right:8%;}
body{position: relative; }

/*banner*/
.ix-banner .swiper-container{ width: 100%;}
.ix-banner .sw-box{height: 100%; overflow: hidden;}
.ix-banner .ix-ban-bj{ width: 100%; height: 560px; 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: 2rem; color:rgba(255,255,255,0.5); width: 50%; line-height: 100%; padding-bottom: 20px;font-weight: 100; margin-top: -5%; }
.ix-ban-bj .ib-tit .ib-t1{ font-size:5rem; color:#fff; width: 80%; line-height: 120%;    }
.ix-ban-bj .ib-tit .ib-t2{ font-size: 1.2rem; width: 40%; padding: 2rem 0rem; padding-top: 2rem; color: #fff; line-height: 180%;}
.ix-ban-bj .ib-tit .ib-t3{ font-size: 2rem; color:#d9a95b; font-weight: 600; font-family: Arial;}
.ix-ban-bj .ib-tit .ib-t3 span{display: inline-block; padding-left: 1.25rem; font-size: 1.2rem; color: #999999; font-weight: normal;  position: relative;}
.ix-ban-bj .ib-tit .ib-t3 span:after{content:'';position:absolute;left:0.9rem;top:12px;width:calc(100% - 0.5rem);height:1px;background:#aeb3c3;margin:0}
.ix-more {  position: relative;     z-index: 1; overflow: hidden; display: inline-block; font-size:1rem; color:#666;border-radius: 4px;  text-align: center; background: #fff; width:180px; height: 50px; line-height: 50px; transition: all 0.36s ease;}
.ix-more i { font-size: 1.2rem; display: inline-block; padding-left: 10px;  }
.ix-more::before{position:absolute;content:'';width:15px;height:15px;background:#d9a95b;left:0;top:0;z-index:-1;-moz-transition:all 300ms ease-out 0s;-webkit-transition:all 300ms ease-out 0s;-ms-transition:all 300ms ease-out 0s;-o-transition:all 300ms ease-out 0s;transition:all 300ms ease-out 0s;}
.ix-more::after{content:"";height:15px;width:15px;position:absolute;background:#d9a95b;bottom:0;right:0;z-index:-1;-moz-transition:all 300ms ease-out 0s;-webkit-transition:all 300ms ease-out 0s;-ms-transition:all 300ms ease-out 0s;-o-transition:all 300ms ease-out 0s;transition:all 300ms ease-out 0s;}
.ix-more:hover::before,.ix-more:hover::after{width:100%;height:100%;background:#d9a95b;}
.ix-more:hover{color: #fff;}
.ix-banner .swiper-button-next, .ix-banner .swiper-button-prev {width: 45px; height: 45px; background: rgba(255, 255, 255, 0.9); border-radius: 4px; text-align: center; line-height: 50px; bottom:20px; top:initial;}
.ix-banner .swiper-button-next i, .ix-banner .swiper-button-prev i{ font-size: 24px; color:#2f318b; font-weight:bold; }
.ix-banner .swiper-button-next{ right: 40px; border-radius: 45px 45px 45px 10px;}
.ix-banner .swiper-button-prev{ right: 95px; border-radius: 45px 45px 10px 45px; left:initial;}
.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:rgba(255,255,255,1); margin:0px 5px; transition:all 0.36s ease; opacity:1;}
.ix-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:30px; background:#d9a95b; }



/*首页底部文字*/
.ix-db{position:absolute; left:6%; bottom:20px; color:#fff; z-index:1;}
.ix-db a{color:#fff;}
.if-li{display:flex; justify-content: space-between;}


.ix-footer{color:#666;}
.ix-footer a{color:#666; transition:all 0.36s ease;}
.ix-footer a:hover{color:#fff;}
.if-li .if-li-t1{font-size:24px; color:#fff; height:59px;}
.il-a{width:500px;}
.db-erm{display:flex; }
.db-erm{width:380px;}
.db-erm .de-1{width:120px; height:120px;}
.db-erm .de-1 img{width:120px;}
.db-erm .de-2{width:100px; height:120px; background:#0f0f0f; color:#666666;display: flex; align-items: center; padding-left:20px;}

.if-li-t3{padding-top:30px;}
.if-li-t3 a{padding-right:15px;}
.if-li-t3 a i{font-size:30px; color:#9b9b9b; transition:all 0.36s ease;}
.if-li-t3 a:hover i{color:#fff;}
.if-copy{padding:15px 0px; border-top:solid 1px #1a1a1a;}

/*微信弹窗*/
 .theme-mask{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.75;filter:alpha(opacity=75);-moz-opacity:0.75; display:none; }
.popover1{ width:360px; height:400px; z-index:100001; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;}
.popover1 dl { margin-top:20px; font-size:14px; color:#333; line-height:30px;}
.popover1 dl a { width:100px; height:36px; line-height:36px; background:#06154d; color:#fff; display:inline-block; border-radius:4px; -webkit-border-radius:4px; font-size:14px; margin-top:10px; 
transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;     opacity: 1;
    float: initial;     text-shadow: none;}
.popover1 dl a:hover { background:#b03433; color: #fff; opacity: 1;}
.popover1 img{max-height:300px;}



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

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

@media (max-width: 1620px) {
    .wp-box{padding-left:3%; padding-right:3%;}
    .wp-pl{ padding-left:3%;}
    .wp-pr{ padding-right:3%;}

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



}
@media (max-width: 1380px) {
    .ix-nav{width: calc(100% - 280px);}
    .pg-top.fixed{position:initial !important;}


}

@media (max-width: 1280px) {
    
   .menuMain ul li>a{    padding: 12.5px 30px;}

}


/*html, body{min-width:1280px;}
/*.wp-box{ min-width: 1440px;}*/