﻿/* reset */
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
html { height: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-tap-highlight-color: transparent;}
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px; font-family:"Microsoft Yahei",arial,"\5b8b\4f53";  }
body { line-height: 1.5; background: #1D8369; }
a { color: #000; text-decoration: none;-webkit-tap-highlight-color:transparent }
a { blr:expression(this.onFocus=this.blur()) }
a * { cursor: pointer }
:focus { outline: none }
.edit_con_original{ line-height:2; padding:0 0; color:#333;}
.edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;}
.edit_con_original ul li { list-style-type:disc; margin:auto; }
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; }
.edit_con_original h1 { font-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}
.edit_con_original video{ max-width:100%;}
 
 
/*所有后台编辑器区域都要引用 edit_con_original 类名*/
 
/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { zoom: 1 }
 
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }
               

*{box-sizing: border-box;}

/*隐藏视频下载按钮*/
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}

/*图片经过*/
.tran_scale{ overflow:hidden; display:block;}
/*img{transition: All 0.7s ease-in-out;}*/
.tran_scale img{transform:scale(1,1); -webkit-transform:scale(1,1); transition:0.5s all; -webkit-transition:0.5s all;}

/*两端对齐*/
.justify { text-align:justify; text-justify:distribute-all-lines;}
/*上下居中*/
.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;}

/*左右居中*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; top:0;}

/*绝对居中*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}

/*截字*/
.ellipsis{text-overflow:ellipsis; white-space:nowrap; display: inline-block; max-width:99%;overflow:hidden; }
.clamp{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em;overflow:hidden;}

/*背景*/
.bg-cover{background-size: cover; background-repeat: no-repeat; background-position: center;}
.bg_layer{background: rgba(0,0,0,0.7); position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 10000;}
.bg-cover-ban{ background-size: 100% 100%;}

.ratio-img,.ratio-img img{width: 100%;}
a{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}

/*.sec3_box{max-width: 1920px; margin: 0 auto;}*/

.wrap{max-width: 1280px; margin:0 auto; width: 90%;}
img{max-width:100%;}

.section_1 img{width: 100%;}

.stit{text-align: center;}
.tit{ position: relative; margin-top: 20px; line-height: 1.2; text-align: center;font-weight: bold; font-size:72px;
background-image: linear-gradient(to right, #FFE9C0, #FFCD65);-webkit-background-clip: text;
  color: transparent; /* 重要：使文字颜色透明，以便显示背景渐变 */}
.tit span{ display: block; text-shadow: 2px 2px 0 rgba(0,0,0,0.15);}
.ie9 .tit{color: #FFCD65;}
.bg-cover{background-size:cover!important;}
.section_2{ position: relative; margin-top:-350px}
.section_2 .tit{position: relative; top: -35px;}
.section_2 .con{ margin:4% 0 0;padding-bottom: 8%; color: #FFE6B5; font-size: 18px;background: url(../images/bg_01.png) no-repeat #1D8369; background-size: 100% 100%;}
.section_2 .con .edit_con_original{color: #FFE6B5; padding: 2% 8%;}
.section_2 .con .edit_con_original p{margin-bottom:2.5%;}
.section_2 .con .edit_con_original p:last-child{margin-bottom: 0;}
.section_2 .con .edit_con_original p>img{ margin: 0 auto; padding-top: 3.5%; display: block;}

.section_3{padding:5% 0 0;position: relative;}
.party01{ margin-top: 4%; background:linear-gradient(to bottom,#176954 0%,#1D8369 100%);position: relative;}
.ddimg_b{ margin-bottom: 5%; height: 114px; border-top:1px solid #D0C079; border-bottom:1px solid #D0C079; padding: 0 100px;}
.ddimg_b-swi{position: relative;}
.ddimg_b-swi li{position: relative; font-size: 18px;text-align: center;line-height: 114px;color: #ffe1bb;cursor: pointer; color: #FFE8BD;}
.ddimg_b-swi li em{display: none;position: absolute;left:0; bottom: 0px;width: 100%;height: 4px;background: #E5000C; box-shadow: 0 3px 3px 3spx rgba(0,0,0,0.25);}
.ddimg_b-swi li.on{color:#FFCD65; font-size: 72px;transition: all 0.3s;}
.ddimg_b-swi li.on em{display: block;}
.ddimg_b-swi li span{cursor: pointer;}
.ddimg_b-swi .swiper-button-prev{left:-40px;width:22px; height: 30px;background:none; top:45px; margin-top:0;}
.ddimg_b-swi .swiper-button-next{right:-40px;width:22px; height: 30px;background:none;top:45px; margin-top:0;}
.ddimg_b-swi .swiper-button-prev img,.ddimg_b-swi .swiper-button-next img{width:100%;}

.ddimgList{width: 100%;}
.ddimgList .ddimgList_swi{height: 0;opacity: 0;}
.ddimgList .ddimgList_swi.on{height: auto;opacity: 1;}
.ddimgList_swi{position: relative;}
.ddimgList_swi li img{width: 100%;}
.ddimgList_swi li.swiper-slide{ border-radius: 15px; overflow: hidden;}
.ddimgList_swi li.swiper-slide::before{opacity: 1; content: ""; position: absolute; lefT:0;top:0; width: 100%;height: 100%; background: rgba(0,0,0,0.5);}
.ddimgList_swi li.swiper-slide-active{border-radius: 20px; border:3px solid #FBB63A;}
.ddimgList_swi li.swiper-slide-active::before{opacity: 0;}
.ddimgList_swi .swiper-button-prev,.ddimgList_swi .swiper-button-next,
.pro_img .swiper-button-prev,.pro_img .swiper-button-next{ transition: all 0.3s; left:15%; margin-top:-37px; width:73px; height: 73px;background:url(../images/btn_ll1.png) no-repeat;}
.ddimgList_swi .swiper-button-next,.pro_img .swiper-button-next{left:auto; right:15%;background:url(../images/btn_rr1.png) no-repeat;}
.ddimgList_swi .swiper-button-prev:hover,.pro_img .swiper-button-prev:hover{background:url(../images/btn_ll1_h.png) no-repeat;}
.ddimgList_swi .swiper-button-next:hover,.pro_img .swiper-button-next:hover{background:url(../images/btn_rr1_h.png) no-repeat;}
.ddimgList_swi .swiper-button-prev.swiper-button-disabled,.pro_img .swiper-button-next.swiper-button-disabled{opacity:0.5; cursor: pointer;}
.ddimgList_swi .swiper-button-prev.disabled,.pro_img .swiper-button-next.disabled{opacity:0.35; cursor: default;}


.section_4{padding: 5% 0 0;}
.section_4 .wrap{max-width: 1480px;}
.party02{margin-top:4%;}
.pro_img{position: relative;}
.pro_img .swiper-container{padding: 100px 0;}
.pro_img .swiper-button-prev{left:14%;}
.pro_img .swiper-button-next{right:14%;}
.pro_img .swiper-button-prev.swiper-button-disabled,.pro_img .swiper-button-next.swiper-button-disabled{opacity:1; cursor: pointer;}
.pro_img .swiper-button-prev.disabled,.pro_img .swiper-button-next.disabled{opacity:0.35; cursor: default;}
.pro_img .swiper-slide{
  width:719px;
  background-position: center;
  background-size: cover;
  transition: all 0.3s;
  transform: scale(0.85);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.pro_img .swiper-slide{ border-radius: 15px; overflow: hidden; position: relative;}
.pro_img .swiper-slide::before{content: ""; position: absolute; lefT:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.pro_img .swiper-slide img{width: 100%;}
.pro_img .swiper-slide.swiper-slide-active{transform: scale(1.25);z-index: 2;}
.pro_img .swiper-slide.swiper-slide-active::before{display:none;}


.section_5{padding: 5% 0 7%;}
.sec3_box{position: relative; margin-top: 4%; overflow: hidden; background: #05433F;border-radius: 15px; border:3px solid #FBB63A;}
.sec3_box_ll{ float: left; width: 84.6%; height: 100%;border-radius: 10px; overflow: hidden; border-right:3px solid #FBB63A;}
.sec3_box_rr{ float:right; width:15.4%; height: 100%; position: relative; padding: 73px 28px 73px;}
.sec3_box_rr .swiper-container{ height:100%;}
.sec3_box_rr .swiper-button-prev,.sec3_box_rr .swiper-button-next{left:0;top:0; margin-top: 0; width:100%; height:73px;background:url(../images/btn_t.png) center no-repeat;}
.sec3_box_rr .swiper-button-next{top:auto; bottom:0;background:url(../images/btn_b.png) center no-repeat;}
.sec3_box_rr .swiper-button-prev.swiper-button-disabled,.sec3_box_rr .swiper-button-next.swiper-button-disabled{opacity:0.35; cursor: default;}
.sec3_box_rr .swiper-slide{opacity: 0.5; overflow: hidden;}
.sec3_box_rr .swiper-slide.active-nav{opacity: 1; border: 1px solid #FBB63A;}


.new_footer{color: #F7CDB5;background:#C41003;padding: 2% 0 5%;}
.new_footer a{color: #F7CDB5;margin-left: 10px;}
.new_footer p{float: left;}
.new_footer span{float: right;}


@media only screen and (max-width:1660px) {
  .tit,.ddimg_b-swi li.on{font-size: 60px;}
}
@media only screen and (max-width:1600px) {
  .tit,.ddimg_b-swi li.on{font-size: 48px;}
  .section_2 .tit{top:-25px;}
}
@media only screen and (max-width:1599px) {
  .tit,.ddimg_b-swi li.on{font-size: 40px;}
  .section_2 .tit{top:-18px;}
  .section_2 .con{font-size: 16px;}
}
@media only screen and (max-width:1399px) {
.section_2 .con{font-size: 14px;}
.pro_img .swiper-container{padding: 84px 0;}
.ddimg_b-swi li.on{font-size: 30px;}
}
