@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding: 0px;}
body{font-family: "Microsoft Yahei", "宋体", Arial, Verdana, Geneva, sans-serif;color: #666;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{ height: 100%; width: 100%;}
a{color: #666666;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;border: 1px solid #e5e5e5;}
.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;width: 1200px;}
.cls{font-size: 0px;height: 0px;line-height: 0px;clear: both;}
.hs{ background: #f2f2f2;}
.wp1380{ width:1380px; margin:0px auto}
.hs{ background: #f5f5f5;}
.h1, h1{ font-size: 1.3rem; font-weight: 600;}
.container-s{ padding: 0px 40px;} 
.clearfix:after { content: ""; display: block;  height: 0; clear: both;}
.x1 {text-overflow: ellipsis;overflow: hidden; white-space: nowrap; display: block; }
.x2 {text-overflow: ellipsis; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.x3 {text-overflow: ellipsis; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
::-webkit-scrollbar{width: 8px;height: 8px;background-color: #f6f6f6;}
::-webkit-scrollbar-track{background-color: #f6f6f6;}
::-webkit-scrollbar-thumb{background-color: #d9a95b;}

.zsy-img{ width: 100%; overflow: hidden;  height: 100%;position: relative;  border-radius:6px;}
.zsy-img img{ max-width:100%; border-radius:6px;}
.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; }

.xg1{position: relative; overflow: hidden;}
.xg1:before{background:rgba(217,169,91,0.2); content:"";height:0;left:0;margin:auto;opacity:1;position:absolute;top:0;width:0;pointer-events:none;z-index:1}
.xg1:after{background:rgba(217,169,91,0.2); bottom:0;content:"";height:0;opacity:1;position:absolute;right:0;width:0;pointer-events:none;z-index:1}
.xg1:hover:before{height:100%;opacity:0;-webkit-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s;width:100%}
.xg1:hover:after{height:100%;opacity:0;-webkit-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s;width:100%}
.xg1 img{transition: all 0.36s ease;}
.xg1:hover img{transform: scale(1.08);}

.ty-flex{display: flex; flex-wrap: wrap; align-items: flex-start;}
.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;}

/*===============================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.5);}
.db_xs:hover{ background-color: #d9a95b;}


* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:root{--theme-color:#009933; --theme-color2:#ffa800;}





@font-face {
  font-family: "iconfont"; /* Project id 5066586 */
  src: url('../font/iconfont.woff2?t=1764386160375') format('woff2'),
       url('../font/iconfont.woff?t=1764386160375') format('woff'),
       url('../font/iconfont.ttf?t=1764386160375') format('truetype');
}


.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



/*顶部导航*/
.ix-header  {background:url(../images/ix_header_bj.jpg)no-repeat top center; background-size:cover;}
.ix-logo img{max-height:90px;}

/*导航*/
.ix-nav ul li{width:calc((100% - 0px)/9); text-align:center; position: relative; padding-bottom:20px;}
.ix-nav ul li a{color:#fff; transition:all 0.36s ease; font-size:18px;}
.ix-nav ul li a:hover, .ix-nav ul li a.active{color:var(--theme-color2);}
.ix-nav ul li .nav2{position:absolute; top:100px; left:0; background:#fff;width:100%; opacity:0; visibility:hidden; transition:all 0.36s ease; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); z-index: 111;}
.ix-nav ul li .nav2 a{display:block; color:#666; padding:6px 10px; transition:all 0.36s ease; font-size:15px;}
.ix-nav ul li .nav2 a:hover{background:var(--theme-color); color:#fff;}
.ix-nav ul li:hover .nav2{ opacity:1; visibility:visible; top:50px;}

/*轮播图片*/
.ix-banner .wp{position:relative;}
.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:24px;color:#fff;}
.ix-banner .swiper-button-next{right:40px;}
.ix-banner .swiper-button-prev{left:40px;}
.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,0.2);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;}
.ix-banner .swiper-button-next:hover,.ix-banner .swiper-button-prev:hover{background:var(--theme-color);}
.ix-banner .swiper-pagination{bottom:20px;}


/*通用头部*/
.ix-ty-head{width:100%;}
.ix-ty-head .t1-img{width:50px; padding-right:15px;}
.ix-ty-head .t1-img img{max-width:35px;}
.ix-ty-head .t1-tit p{font-size:20px; font-weight:bold; color:#333333;}
.ix-ty-head .t1-tit span{font-size:16px;color:#999999; font-family:Arial; text-transform:uppercase; display:block; padding-top:5px;}
.ix-ty-head .t3{position:relative;}
.ix-ty-head .t3::after{content:''; width:100%; height:3px; background:var(--theme-color2); display:block;}
.ix-ty-head .t3 a{ display:block; padding:6px 20px; background:var(--theme-color); color:#fff; border-radius:6px; color:#fff; transition:all 0.36s ease;}
.ix-ty-head .t3 a i{display:inline-block; padding-left:5px; font-size:18px;}
.ix-ty-head .t3 a:hover{background:var(--theme-color2);}
/*模块1*/
.ix-one .wp{gap:40px;}
.ix-one .wp .ix-list{width:calc((100% - 40px)/2);}
.ix-ty-video{border-radius:6px; overflow:hidden;}

/*通用新闻列表*/
.ix-ty-news ul li{padding-top:5px;}
.ix-ty-news ul li a{display:block; position:relative; padding-left:16px; padding-right:110px; }
.ix-ty-news ul li a::after{content:''; width:6px; height:6px; background:var(--theme-color); display:block; position:absolute; left:0; top:13px; }
.ix-ty-news ul li a span{position:absolute;  right:0; color:#999;}



/*模块2*/
.ix-two .wp{gap:40px;}
.ix-two .wp .ix-list{width:calc((100% - 80px)/3);}
.ix-two .wp .ix-list .ix-ty-list{width:373px;}
.ix-two .ix-ty-news ul li a{padding-right: 70px;}
.ix-two .wp .ix-list .ix-ty-list .ix-ty-news{border-top:solid 1px #e0e0e0;}


/*模块3*/
.ix-three .wp{gap:40px;}
.ix-three .wp .ix-list{width:calc((100% - 80px)/3);}
.ix-three .wp .ix-list .ix-ty-list{width:373px;}
.ix-three .ix-ty-news ul li a{padding-right: 70px;}
.ix-ty-img a{display:block; border-radius:6px; overflow:hidden;}
.ix-ty-img a:hover img{transform:scale(1.08);}

/*优秀作品*/
.ix-video{width:100%;}
.ix-video ul{width:100%; gap:40px;}
.ix-video ul li{width:calc((100% - 120px)/4);}
.ix-four  .ix-ty-video .my-video-dimensions{width:270px !important; height:180px !important;}
.ix-video ul li .t1{padding-top:10px;}

/*底部*/
.ix-foot-logo img{ max-width:360px;}
.ix-footer, .ix-footer a{ color:rgba(255,255,255,0.8); transition:all 0.36s ease;}
.ix-foot-a{background:#333;}
.ix-foot-a .wp{justify-content: space-between; align-items: center;}
.ix-foot-ewm img{width:110px; padding:5px; background:#fff; border-radius:6px;}
.ix-foot-ewm p{ padding-top:5px; text-align:center;}
.ix-foot-xx{ padding: 0px 80px; border-left: solid 1px rgba(255, 255, 255, 0.1); border-right: solid 1px rgba(255, 255, 255, 0.1);  height:150px;}
.ix-foot-xx ul li i{padding-right:15px; display:inline-block;}
.ix-foot-xx{align-items: center; }
.ix-foot-b{background:#262626;}
.ix-footer a:hover{color:var(--theme-color);}

