/* 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;} }