@charset "utf-8"; /*Technical Support SudyTech*/ html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{ margin:0; padding:0; } header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{ display:block; } table{ border-collapse:collapse; border-spacing:0; } caption,th{ text-align:left; font-weight:normal; } html,body,fieldset,img,iframe,abbr{ border:0;} img{vertical-align:top;} html{ overflow-x: overlay; font-size:100px; } .html.mainpage{overflow: hidden;/* position: absolute; */} i,cite,em,var,address,dfn{ font-style:normal; } [hidefocus],summary{ outline:0; } li{ list-style:none; } h1,h2,h3,h4,h5,h6,small{ font-size:100%; } sup,sub{ font-size:83%; } pre,code,kbd,samp{ font-family:inherit; } q:before,q:after{ content:none; } textarea{ overflow:auto; resize:none; } label,summary{ cursor:default; } a,button{ cursor:pointer; } h1,h2,h3,h4,h5,h6,em,strong,b{ font-weight:bold; } del,ins,u,s,a,a:hover{ text-decoration:none; } body,textarea,input,button,select,keygen,legend{ font:13px/1 arial,\5b8b\4f53; color:#333; outline:0; } :focus { outline:0; } /*备用样式表*/ .none { display:none; } .wcb{ width:100%; height:30px; border:2px dashed #97CBE0; } .hidden { visibility:hidden; } .clear { width:100%; height:0; line-height:0; font-size:0; overflow:hidden; clear:both; display:block; _display:inline; } .clearfix:after{clear: both;content: ".";display: block;height:0;visibility: hidden;} .clearfix{ display: block; *zoom:1; } .icon{display:inline-block;width: 32px;height: 32px;vertical-align:middle;background:url(images/icon.png) no-repeat;} /*css3扩展*/ body:before { content: ""; position: fixed; top: -10px; left: 0; z-index: 110; width: 100%; height: 10px; } body.list { overflow-y: auto; } ::-webkit-input-placeholder { color:#ccc;} :-moz-placeholder {color:#ccc;} ::-moz-placeholder { color:#ccc;} :-ms-input-placeholder { color:#ccc;} /**布局开始**/ body {line-height:1;font-size: 13px;font-family: "Microsoft YaHei","\u5b8b\u4f53", Tahoma, Geneva, sans-serif;color:#333;height: 100vh;overflow: hidden;/* margin-right:; */} p{line-height:1.75;} a {color: #333; text-decoration:none; transition:all 0.4s ease-in-out;} a:hover { color:#5c0d12;} /*页面尺寸*/ .wrapper { width:100%; margin:0 auto;} .wrapper .inner {/* width: 1145px; */margin:0 auto;width: 86%;} /**页面全局宽度**/ /*headtop*/ #headtop{background: #666;} #headtop .inner{} .headtop .top-left{float: left;} .headtop .top-right{float:right;} /*head开始*/ .header {background: #18267e url('images/head_bg.jpg') no-repeat center top; border-bottom:none; height:auto;line-height:inherit; } .header .inner{height: 132px;position:relative;background: url('images/by.png') no-repeat right 47px;} .header .sitelogo{float:left;margin-top: 25px;} .header .sitelogo span{position:relative;font-size:inherit; font-weight:normal;} .header .sitelogo span a{ color:transparent; margin:0;} .header .sitelogo h1{font-size:inherit; font-weight:normal; background:none; padding-left:0px;} .header .sitelogo .sitetitle {display:inline-block;margin-top: 28px;margin-left:10px;font-size:32px;font-weight:bold;color:#fff;} /**站点名称**/ .header .head-left{float:left;display:inline-block;} .header .head-main{float:left;margin-top:10px;} .header .head-right{float:right;margin-top: 12px;width:200px;} /*rale样式*/ .site-rale{} .site-rale ul{} .site-rale ul li.links{float:left;} .site-rale ul li.links a{line-height: 35px;padding: 0 12px 0 12px;padding-left: 19px;font-size: 13px;color: #cad3d4;background:url(images/icon_role.png) no-repeat;} .site-rale ul li.links a:hover{color:#fff;} .site-rale ul li.links.i1 a{background-position: 0px 0px;} .site-rale ul li.links.i2 a{background-position: -90px 0px;} .site-rale ul li.links.i3 a{background-position: -187px 0px;} .site-rale ul li.links.i4 a{background-position: -269px 0px;} /*lang样式*/ .site-lang{ float: left; margin: 0.37rem 0.6rem 0 0.3rem; } .site-lang ul{float:right;} .site-lang ul li.links{float:left;} .site-lang ul li.links a{line-height: 0.4rem;margin: 0px 0.05rem;color: #fff;/* width: 0.4rem; */border: 1px solid #fff;border-radius: 8px;padding: 0 0.06rem;display: inline-block;/* height: 40px; */text-align: center;font-weight: bold;font-size: 0.18rem;} .site-lang ul li.links a:hover{color:#fff;} /*默认主导航样式*/ #nav{/* background: #004ea1; */float: left;margin-top: 0.3rem;display: block;} #nav .inner{} #nav .inner .wp-panel{}/*导航*/ #nav .inner .wp-panel .wp-window{} #nav .inner .wp-panel .navbg{position:absolute; z-index:-1;left:0;right:0;top:0;bottom:0; width:auto; height:100%;background:#fff;opacity:.7;filter:alpha(opacity=70);} /*导航样式:后台绑定时也可以定义配置*/ .nav .wp-menu {margin:0 auto} .nav .wp-menu .menu-item {display: inline-block;float: left;position: relative;margin: 0 0.18rem;} .nav .wp-menu .menu-item.i1 { background:none;} .nav .wp-menu .menu-item a > .menu-switch-arrow{display: none; width:20px; height:20px; background:url(images/nav_j.png) no-repeat center center;vertical-align:middle;} .nav .wp-menu .menu-item a.menu-link {display: inline-block;/* margin: 0 30px; */line-height: 0.5rem;color: #FFFFFF;font-size: 0.22rem;font-weight: bold;position: relative;} .nav .wp-menu .menu-item.hover a.menu-link, .nav .wp-menu .menu-item a.hover{/* background-color:#1384e2; */text-decoration: none;color: #eee;} .nav .sub-menu {display: none;position: absolute;left: 50%;top: 0.48rem;min-width: 100%;z-index: 100;background:#fff;/* border-top: 3px solid #5c0d12; */transform: translateX(-50%);border-radius: 7px;} .nav .sub-menu .sub-item {/* position: relative; */white-space: nowrap;vertical-align: top; _zoom:1;} .nav .sub-menu .sub-item a {display: block;color: #000;/* height: 40px; */line-height: 0.48rem;padding: 0 0.17rem;font-size: 0.16rem;background:none;text-align: center;} .nav .sub-menu .sub-item.hover> a, .nav .sub-menu .sub-item a:hover{color: #5c0d12;background-color: #f3f2ef;display: block;} .nav .sub-menu .sub-menu {left: 100%; top:0px;z-index: 200;background: #f3f2ef;transform: none;height: 100%;} .content .nav .wp-menu .menu-item a.menu-link { font-size: 0.2rem; } .navbox .wp-menu:after { display: none; } .navbox .wp-menu .sub-menu .sub-menu li { display: none; } .content .nav .wp-menu .menu-item { margin: 0 0.4rem; } /**主页banner开始**/ #banner {background: #e7e2df;} #banner .inner {width:auto;max-width: 1345px;text-align: center;position:relative;} /**主体模块样式**/ #m-container {} #m-container .inner {} /**首页三列布局**/ .mod {} .mbox {} .banner { height: 100vh; display: block; /* position: fixed; */ top: 0; left: 0; right: 0; } div#mbanner { height: 100vh; } .head { position: fixed; top: 0; width: 100%; background: url(images/headbg.png) no-repeat top; height: 180px; z-index: 999; background-size: 100% 100%; opacity: 0; transform: translateY(-100%); transition: all 0.7s ease-out 0s; } .content { height: 100vh; position: fixed; left: 0%; top: 100%; /* bottom: 0; */ right: 0; transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s; z-index: 1; background: #fff; /* margin-top: 100vh; */ /* overflow-y: scroll; */ } .list .head { border-top: 6px solid #5C0D12; transform: none; opacity: 1; height: 1.3rem; } .head-left { float: left; margin-top: 0.2rem; margin-left: 0.4rem; width: 3rem; } .sitelogo img { max-width: 3rem; width: 100%; } .head-right { float: right; /* margin-top: 37px; */ } .search_ico img { width: 0.24rem; } .bb img { width: 0.28rem; } .menu span { display: none; } .menu { float: right; background: #5C0D12; height: 1rem; width: 1.33rem; border-radius: 0 0 0 0.32rem; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 0.16rem; cursor: pointer; } .wrapper.head .inner { width: 100%; } .menu .menu_icon i { width: 0.36rem; height: 0.03rem; display: block; background: #fff; margin: 0.07rem 0; border-radius: 2px; } .menu .menu_icon { /* margin-right: 16px; */ } .nav .wp-menu .menu-item a.menu-link:before { content: ""; display: block; height: 0.03rem; width: 100%; position: absolute; /* top: 0; */ background: #5c0d12; left: 0; bottom: 0; transform: scale(0); transition: all 0.4s ease-in-out; } .nav .wp-menu .menu-item:hover a.menu-link:before { transform: none; } .mbanner .slick-slide img { height: 100vh; width: 100%; } .mbanner .slick-slide .news_imgs a:after { content: ""; display: block; width: 100%; position: absolute; height: 3.1rem; bottom: 0; background: url(images/bannerbg.png)bottom; background-size: 100% 100%; } .mbanner .n10.slick-slide .news_num{font-size:1.1rem;left: 0.0rem;} .mbanner .slick-slide .news_title { color: #fff; position: absolute; bottom: 0.67rem; left: 223px; font-size: 0.36rem; line-height: 0.47rem; font-weight: bold; width: 8.5rem; height: 0.94rem; } .mbanner .slick-slide .news_video { height: 100vh; } .mbanner .slick-slide .news_title a { color: #fff; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; } .mbanner .slick-active .news_num { display: block; } .mbanner .news_num { position: fixed; bottom: 0.44rem; left: 0.3rem; font-size: 1.54rem; color: #fff; font-weight: bold; font-family: "Arial"; line-height: 1.15rem; /* display: inline-block; */ display: none; } .mbanner .slick-dots { width: 0.57rem; height: 1.16rem; bottom: 50px; position: absolute; /* background: #fff; */ left: 120px; } .mbanner .dong li { position: absolute; } .mbanner #slick-slide00 .dong { right: 39px; top: -5px; transform: rotate(-9deg); } .mbanner #slick-slide01 .dong{ top: 4px; right: 21px; } .mbanner #slick-slide02 .dong{ right: 7px; top: 18px; } .mbanner #slick-slide03 .dong{ right: 0; top: 36px; } .mbanner .dong { /* display: none; */ } .mbanner .slick-dots li { width: auto; height: auto; background: none; margin: 0; border: none; position: static; } .mbanner #slick-slide04 .dong{ right: -1px; top: 54px; transform: rotate(2deg); } .mbanner #slick-slide05 .dong{ top: 64px; right: 1px; transform: rotate(-5deg); } .mbanner .slick-dots li .dong { position: absolute; } .mbanner #slick-slide06 .dong{ right: 13px; top: 72px; transform: rotate(-10deg); } .mbanner .slick-dots li.slick-active .img2 { display: block; } .mbanner .slick-dots li.slick-active .img1 { display: none;} .mbanner .slick-dots li.slick-active { background: none; } .mbanner #slick-slide07 .dong{ right: 30px; top: 80px; transform: rotate(-12deg); background: none; }.mbanner .slick-slide .news_dong { position: absolute; width: auto; height: auto; } .mbanner .dong li.dong0 { z-index: 2; transform: rotate(-19deg); right: 30px; top: -2px; } .mbanner #slick-slide00 .img2 { position: relative; right: -8px; top: -5px; transform: rotate(-10deg); } .mbanner #slick-slide01 .img2 { position: relative; right: -5px; top: -5px; } .mbanner #slick-slide02 .img2 { position: relative; right: -1px; top: -6px; transform: rotate(24deg); } .mbanner #slick-slide03 .img2 { position: relative; right: -5px; top: -11px; transform: rotate(52deg); } .mbanner #slick-slide04 .img2 { position: relative; right: -1px; top: -13px; transform: rotate(59deg); } .mbanner #slick-slide05 .img2 { position: relative; right: -4px; top: -8px; transform: rotate(83deg); } .mbanner #slick-slide06 .img2 { position: relative; right: -4px; top: -3px; transform: rotate(107deg); } .mbanner #slick-slide07 .img2 { position: relative; right: -7px; top: 0px; transform: rotate(130deg); } .mbanner .slick-dots li .img2 { display: none; } .mbanner .dong li.now .img1 { display: none; } .mbanner .dong li.now .img2 { display: block; } .mbanner #slick-slide08 .dong { right: 43px; top: 85px; transform: rotate(5deg); } .mbanner #slick-slide08 .img2 { position: relative; right: -3px; top: -7px; transform: rotate(136deg); } .mbanner .slick-prev, .mbanner .slick-next { width: 0.54rem; height: 0.54rem; bottom: 2.36rem; top: auto; margin: 0; z-index: 1; display: flex; } .mbanner .slick-prev { left: 0.38rem; background: url(images/left.svg)no-repeat center; background-size: 100%; } .mbanner .slick-next { left: 1.2rem; background: url(images/right.svg)no-repeat center; background-size: 100%; } .mbanner .slick-next:hover { background: url(images/righta.svg)no-repeat center; background-size: 100% 100%; } .mbanner .slick-prev:hover { background: url(images/lefta.svg)no-repeat center; background-size: 100% 100%; } .box{ width: 50%; height: 100%; position: relative; overflow: hidden; /* background: pink; */ } .leftcircle{ width: 0.5rem; height: 0.5rem; border: 0.02rem solid transparent; position: absolute; border-radius: 50%; left: 0px; top:0px; border-bottom: 0.02rem solid #fff; border-left: 0.02rem solid #fff; transform: rotate(-135deg); /* animation-name: circle_left; */ animation-duration: 5s; animation-timing-function: linear; animation-iteration-count: infinite; } .rightcircle { width: 0.5rem; height: 0.5rem; border-radius: 50%; border: 0.02rem solid transparent; position: absolute; border-top: 0.02rem solid #fff; border-right: 0.02rem solid #fff; right: 0; top: 0; animation-duration: 5s; animation-timing-function: linear; animation-iteration-count: infinite; transform: rotate(-135deg); /* animation-name: circle_right; */ } @keyframes circle_right { 0% { transform: rotate(-136deg); } 50%,100% { transform: rotate(45deg); } } @keyframes circle_left { 0%,50% { transform: rotate(-136deg); } 100% { transform: rotate(45deg); } } .mbanner .slick-arrow:hover .rightcircle { animation-name: circle_right; } .mbanner .slick-arrow:hover .leftcircle { animation-name: circle_left; } .control { position: fixed; width: auto; height: 1rem; background: #5C0D12; bottom: 0; right: 0; display: flex; border-radius: 32px 0 0 0; justify-content: space-between; align-items: center; padding-left: 23px; /* box-sizing: border-box; */ z-index: 1; /* transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s; */ } .bb { width: 1.34rem; text-align: center; } .control .con_menu .link_icon { font-size: 0.2rem; line-height: 1rem; font-weight: bold; color: #fff; padding: 0 0.35rem; } .control .con_menu ul.link-menu{ /* font-weight: bold; */ position: absolute; background: #fff; width: 2rem; text-align: center; bottom: 100%; left: 50%; transform: translateX(-50%); display: none; border-radius: 7px; } .control.nav-top .con_menu ul.link-menu { top: 84%; background: #fff; bottom: auto; /* background: #fff; */ /* display: block; */ /* transform: none; */ /* min-height: 4rem;*/ } .control.nav-top .con_menu ul.link-menu .link-menu { position: absolute; left: 100%; margin: 0; transform: none; top: 0; background: #f3f2ef; width: max-content; min-width: 2rem; /** height: 100%;**/ border-radius: 7px; overflow: hidden; } .control.nav-top .con_menu ul.link-menu .link-menu .sub-item a { padding: 0 10px; font-size: 0.16rem; line-height: 0.4rem; } .control.nav-top .con_menu ul.link-menu .sub-item { /* position: relative; */ /* left: 100%; */ } .control .con_menu .i2 ul.link-menu .sub-item { /*float: left;*/ /* width: 50%;*/ } .control .con_menu .i2 ul.link-menu { /* width: 4rem;*/ /* left: -30px;*/ /* transform: none;*/ } .control.nav-top .con_menu ul.link-menu .sub-link { /* color: #fff; */ } .control.nav-top .con_menu ul.link-menu .hover .sub-link { background: #f3f2ef; } .control .con_menu .news { position: relative; } .control .con_menu .news.i4 { /* display: none; */ } .control .con_menu ul.link-menu .sub-link { line-height: 0.48rem; font-size: 0.18rem; display: block; } .control .con_menu { margin: 0 0.35rem 0 0.25rem; } .main1 { background: #F7F5F5; } .content .wrap .wrapper { min-height: 100vh; width: calc(100% - 1.33rem); margin: 0; padding-top: 16.6vh; box-sizing: border-box; /* position: absolute; */ /* top: 0; */ /* left: 0; */ width: 100; overflow: hidden; } .content.showdiv .control2.open { z-index: initial; } .content.showdiv .control2 { display: flex; /* z-index: initial; */ } .control2 { position: absolute; top: 0; bottom: 0; width: 1.33rem; right: 0; background: #5C0D12; display: flex; align-content: space-between; flex-direction: column; justify-content: space-between; height: 100vh; /* display: none; */ z-index: 2; } .control.nav-top.zIndex1 { z-index: 1; } .menu2 { width: 100%; text-align: center; height: 1rem; display: flex; justify-content: center; align-items: center; flex-direction: column; border-bottom: 1px solid #78383C; } .menu2 i { display: block; width: 0.46rem; height: 0.03rem; background: #fff; margin: 0.05rem 0; border-radius: 0.02rem; } #head2 .search_ico { float: right; margin: 0.41rem 0.57rem 0 0.45rem; } .con_menu2 .news_list li { font-size: 0.16rem; text-align: center; color: #fff; line-height: 0.22rem; padding: 12px 0; /* display: grid; */ position: relative; cursor: pointer; } .con_menu2 .news_list li:before { content: ""; display: none; width: 0.24rem; height: 0.02rem; background: #fff; position: absolute; top: 0.24rem; } .con_menu2 .news_list li.selected:before { display: block; } .bb2 { height: 1rem; text-align: center; background: #C2AA95; justify-content: center; /* display: flex; */ cursor: pointer; line-height: 1rem; } .control .con_menu .news_list { display: flex; height: 1rem; } .wrap { height: 100vh; /* padding-top: 130px; */ overflow-y: scroll; margin-right: -17px; /* position: relative; */ } div#head2 { width: calc(100% - 1.33rem); height: 1.3rem; opacity: 0; transform: translateY(-100%); } .main1 .inner { /* padding: 14px 0 49px; */ } .post1 .tt { text-align: center; margin-bottom: 0.4rem; } .post1 .tt .title { color: #7F3427; font-size: 0.36rem; line-height: 0.47rem; } .post-14 .news_list.list2,.post-14 .news_list.list3 { display: none; } .post-14 .click_more { position: absolute; bottom: 34px; left: 50%; transform: translateX(-50%); } .post1.post-14 .tt .more_btn { display: none; } .post-14 { position: relative; padding-bottom: 100px; } .post-14 .click_more a { display: block; line-height: 0.65rem; width: 1.7rem; text-align: center; font-size: 0.18rem; font-weight: bold; color: #5C0D12; border: 1px solid #5C0D12; border-radius: 0.33rem; transition: all 0.4s ease-in-out; } .post-14 .click_more img { display: inline-block; vertical-align: middle; margin-left: 14px; transition: all 0.4s ease-in-out; } .post-14 .click_more:hover img { margin-left: 20px; } .post-14 .news_list .news { float: left; width: 33.3%; margin-bottom: 0.47rem; transform: scale(0); opacity: 0; transition: all 1.5s ease-in-out; } .post-14 .news_list .box2 .news_type { margin-top: 0.1rem; } .post-14 .news_list .news_box.box2 { display: none; } .post-14 .news_list .news_box { /* height: 31.2vh; */ padding-top: 55.6%; position: relative; border-radius: 16px; overflow: hidden; margin: 0 0.42rem; } .post-14 .news_list .news_box .news_a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; box-sizing: border-box; } .post-14 .news_list .news_box:before { content: ""; display: block; width: 100%; position: absolute; top: 0; height: 15px; background: #7F3427; z-index: 1; } .post-14 .news_list .news_box.box1:before { display: none; } .news_box.box1 {} .post-14 .news_list .news_box.box2:before { background: #C2AA95; } .post-14 .news_list { margin: 0 -0.42rem; } .post-14 .news_list .news_box.box2 .news_a { padding: 0.5rem 0.5rem 0; } .post-14 .news_list .box2 .news_meta { color: #C2AA95; font-family: Helvetica; margin-bottom: 0.27rem; display: inline-block; } .post-14 .news_list .box2 .news_year { font-size: 12px; line-height: 0.14rem; font-weight: bold; display: block; } .post-14 .news_list .box2 .news_day { font-size: 24px; line-height: 28px; border-bottom: 1px solid #C2AA95; display: inline-block; font-weight: bold; } .post-14 .news_list .box2 .news_title { font-size: 0.18rem; line-height: 0.3rem; font-weight: bold; margin-bottom: 0.25rem; overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .post-14 .news_list .box2 .news_text { font-size: 0.16rem; line-height: 0.26rem; color: #666; overflow: hidden; text-overflow: ellipsis; /* 超出部分省略号 */ word-break: break-all; /* 设置省略字母数字 */ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 显示的行数 */ } .post-14 .news_list .news_type { float: right; color: #fff; line-height: 0.3rem; border-radius: 0.04rem; padding: 0 0.08rem; font-weight: normal; font-size:0.16rem; background: #C2AA95; margin-right: 0.3rem; position: relative; } .post-14 .news_list .news_type:after {content:"";width: 0.14rem;height: 100%;display: block;position: absolute;background: url(images/type_bg.png)no-repeat;background-size: 100% 100%;left: 100%;top: 0;} .post-14 .news_list .box2 .news_type .artCat { background: #C2AA95; /* margin-top: 0.1rem; */ margin-left: 0.1rem; } .post-14 .news_list .box1 .news_type span { /* border: 1px solid #fff; */ } .post-14 .news_list .box1 .news_wz { position: absolute; bottom: 0.3rem; padding: 0 0.3rem; z-index: 1; width: 100%; box-sizing: border-box; } .post-14 .news_list .box1 .news_imgs { width: 100%; height: 100%; } .post-14 .news_list .box1 .news_imgs img { position: absolute; width: 100%; height: 100%; transition: all 0.4s ease-in-out; } .post-14 .news_list .box1 .news_date { font-size: 0.18rem; line-height: 0.3rem; color: #fff; font-weight: bold; margin-bottom: 0.14rem; } .post-14 .news_list .box1 .news_title { font-size: 0.18rem; line-height: 0.3rem; font-weight: bold; color: #fff; overflow: hidden; text-overflow: ellipsis; /* 超出部分省略号 */ word-break: break-all; /* 设置省略字母数字 */ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 显示的行数 */ } .post-14 .news_list .box1 .news_title a { color: #fff; } .post-14 .news_list .news_box.box1 .news_a:after { content: ""; bottom: 0; display: block; position: absolute; width: 100%; height: 140px; background: url(images/ttbg.png)no-repeat bottom; background-size: 100% 100%; } .post-14 .news_list .news_box .news-share { position: absolute; top: -0.48rem; width: 100%; line-height: 0.48rem; height: 0.48rem; padding-left: 0.51rem; box-sizing: border-box; z-index: 2; font-size: 0.16rem; color: #fff; transition: all 0.5s ease-in-out; } .post-14 .news_list .news_box.box2 .news-share { background: #C2AA95; } .post-14 .news_list .news_box.box1 .news-share { background: #7F3427; } .post-14 .news_list .box1 .news_type .artCat { display: none; /* border: 1px solid #fff; */ /* margin-left: 0.1rem; */ } .post-14 .news_list .box1 .news_type .artCat.artCat_v1 { display: block; /* border: 1px solid #fff; */ } .post-14 .news_list .news_box .news-share span { margin-right: 0.16rem; display: block; float: left; } .post-14 .news_list .news_box:hover .news-share { top: 0; } .post-14 .news_list .news_box .news-share a { width: 0.32rem; height: 0.32rem; display: inline-block; margin-top: 0.08rem; } .post-14 .news_list .news_box .news-share a.bshare-weixin { background: url(images/share_wx.png)no-repeat; background-size: 0.32rem; margin-right: 0.12rem; } .post-14 .news_list .news_box .news-share a.bshare-sinaminiblog { background: url(images/share_wb.png)no-repeat; background-size: 0.32rem; } .main2 { background: url(images/bg32.jpg); } .main3 { background: url(images/kjdtbg.jpg) no-repeat; background-size: cover; } .post1 .tt .tit { display: inline-block; } .post1.post-15 .tt .title { color: #fff; } .post-15 .click_more { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 1; } .post-15 { position: relative; } .post-15 .click_more a { display: block; line-height: 0.65rem; width: 1.7rem; text-align: center; font-size: 0.18rem; font-weight: bold; color: #ffffff; border: 1px solid #ffffff; border-radius: 0.33rem; transition: all 0.4s ease-in-out; } .post-15 .click_more img { display: inline-block; vertical-align: middle; margin-left: 14px; transition: all 0.4s ease-in-out; } .post-15 .click_more:hover img { margin-left: 20px; } .boxclndr .rl .rt { display: flex; width: 100%; justify-content: space-between; } .clndr-controls a { font-size: 0.18rem; color: #fff; font-weight: bold; font-family: "Arial"; /* line-height: 53px; */ margin-top: 0.25rem; display: inline-block; } .clndr-controls { flex: none; } .clndr-days { /* flex: 1; */ width: calc(100% - 2.29rem); position: relative; } ul.clndr-days-table { white-space: nowrap; } .clndr-days:after { content: ""; display: block; width: 100%; background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,255,255,0.8),rgba(255,0,0,0)); height: 1px; position: absolute; bottom: 0.12rem; } .day-box a { color: transparent; /* font-weight: bold; */ font-size: 0.16rem; font-family: Arial; /* text-align: center; */ /* padding-bottom: 20px; */ /* position: relative; */ min-height: 17px; display: block; display: block; padding-bottom: 0.2rem; } .day-box a:after { content: ""; display: block; width: 0.08rem; height: 0.08rem; background: #fff; border-radius: 50%; margin: 0 auto; /* margin-top: 20px; */ position: absolute; bottom: 0.03rem; left: 50%; margin-left: -0.04rem; } .post-61 .news_list.list2 .news_ico svg { width: 100%; } .post-61 .slick-initialized .slick-slide>div { height: calc((100% - 0.2rem)/3); display: flex; align-items: center; } .post-61 .slick-dots { bottom: 0.2rem; } .post-61 .slick-dots li.slick-active { opacity: 1; background: #fff; } .post-61 .slick-dots li { background: #fff; opacity: 0.5; } .post-61 .slick-slider div { height: 100%; } .day-box { text-align: center; position: relative; /* padding-bottom: 24px; */ } .clndr-days .slick-slider { padding-bottom: 0px; } ul.clndr-days-table li { min-height: 22px; cursor: pointer; position: relative; /* padding: 0 15px 0px 15px; */ writing-mode: tb-lr; /* writing-mode: vertical-lr; */ /* -webkit-writing-mode: vertical-lr; */ /* height: 100%; */ display: inline-block; white-space: normal; width: 0.62rem; padding-bottom: 0.02rem; } .clndr-has-events .day-box a { font-size: 0.16rem; color:#fff } .now .day-box a:after { width: 0.12rem; height: 0.12rem; bottom: 0.02rem; margin-left: -0.06rem; } .now .day-box a:before { content: ""; display: block; width: 0.2rem; height: 0.2rem; background: #fff; border-radius: 50%; margin: 0 auto; /* margin-top: 20px; */ position: absolute; bottom: -0.02rem; left: 50%; opacity: 0.2; margin-left: -0.1rem; } .clndr-days .slick-list { padding-bottom: 12px; } .clndr-first .day-box a { font-size: 16px; color: #fff; } .clndr-today .day-box a { font-size: 16px; color: #fff; /* padding-bottom: 16px; */ } .clndr-events { margin-top: 1.12rem; /* overflow: hidden; */ } .post-15 .slick-prev, .post-15 .slick-next { width: 0.85rem; height: 0.15rem; /* background: #fff; */ z-index: 1; top: auto; bottom: 0.4rem; font-weight: bolder; color: #fff; font-size: 0; font-family: "宋体"; transition: all 0.4s ease-in-out; } .post-15 .slick-prev { /* z-index: 999; */ left: 17.3vw; background: url(images/prev_w.png)no-repeat center; background-size: 0.85rem; } .clndr-events .news_list:before { content: ""; display: block; width: 100%; position: absolute; height: 3rem; background: #5C0D12; right: 88%; bottom: 0; display: none; } .clndr-events .news_list .news .news_info span.people { background: url(images/people.png)no-repeat left; background-size: 0.16rem; } .clndr-events .news_list .news .news_info span.time { background: url(images/time.png)no-repeat left; background-size: 0.16rem; } .clndr-events .news_list .news .news_info span.address { background: url(images/address.png)no-repeat left top 6px; background-size: 0.16rem; } .clndr-events .news_list .news_box:hover { background: #f3f2ef; } .clndr-events .news_list:after { content: ""; display: block; width: 100%; position: absolute; height: 3rem; background: #5C0D12; left: calc(12% + 2.7rem); bottom: 0; visibility: inherit; z-index: 0; display: none; } .post-15 .slick-next { right: 17.3vw; background: url(images/next_w.png)no-repeat center; background-size: 0.85rem; } li.news.n1.clearfix.slick-slide.slick-active {} .clndr-events .news_list li { /* float: left; */ /* border-left: 1px solid #fff; */ width: 25%; /* margin-bottom: 6.1vh; */ /* padding-bottom: 23px; */ /* writing-mode: horizontal-tb; */ /* margin: 18px 0; */ } .clndr-events .news_list .ti { color: #fff; font-size: 0.2rem; display: block; text-align: center; } .clndr-events .news_list { /* display: flex; */ padding: 0 1rem; margin: 0 -0.5rem; padding-bottom: 1.35rem; min-height: 4.65rem; position: relative; } .post-15 .slick-list { overflow: inherit; z-index: 1; } .clndr-events .news_list .news .news_type { font-size: 0.16rem; font-weight: bold; color: #fff; line-height: 0.3rem; background: #E6B66C; display: inline-block; padding: 0 0.15rem; margin-bottom: 0.3rem; } .clndr-events .news_list .news .news_con { /* padding: 0 12px; */ } .clndr-events .news_list .news .news_title a { /* color: #fff; */ /* white-space: nowrap; */ /* overflow: hidden; */ margin-bottom: 0.15rem; /* text-overflow: ellipsis; */ display: block; min-height: 0.6rem; } .clndr-events .news_list .news .news_title { font-size: 0.18rem; font-weight: bold; line-height: 0.3rem; overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .clndr-events .news_list .news .news_info { color: #666666; font-size: 0.14rem; line-height: 0.28rem; /* opacity: 0.6; */ margin-top: 0.3rem; } .clndr-events .news_list .news .news_info span.none { display: none; } .clndr-events .news_list .news .news_info span { display: block; padding-left: 0.25rem; } .clndr-events .news_list .news .news_imgs img { width: 100%; transition: all 0.4s ease-in-out; height: 2.3rem; } .clndr-events .news_list .news:hover .news_imgs img { transform: scale(1.1); } .clndr-events .news_list .news_box { margin: 0 0.5rem; border-top: 4px solid #E6B66C; padding: 0.4rem; background: #fff; height: 3.3rem; box-sizing: border-box; transform: translateY(100px); opacity: 0; transition: all 0.8s ease-in-out; position: relative; } .clndr-events .news_list .list { margin: 0 -0.36rem; /* writing-mode: vertical-lr; */ height: auto; flex-wrap: wrap; width: 100%; /* display: flex; */ /* align-content: flex-start; */ } .clndr-events .news_list .news .news_text a { color: #fff; } .clndr-events .news_list .news .news_text a { color: #fff; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .clndr-events .news_list .news .news_text { font-size: 0.18rem; line-height: 0.28rem; opacity: 0.6; } .news_title {} .clndr-events .news_list .news .news_imgs { margin: 0.18rem 0; border-radius: 0.1rem; overflow: hidden; } .post-31 .news .news_wz .news_title a { color: #fff; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .post-31 .news .news_wz .news_con { width: 0; flex: 1; } img {} .post1.post-31 .tt .title { color: #fff; } .post1.post-31 .tt .more_btn a { color: #fff; } a.prev.sliderPrev img { opacity: 0; } a.next.sliderNext img { opacity: 0; } .post1.post-31 .tt { text-align: left;margin-bottom: 0.9rem; } .post1.post-31 .tt .tit { display: inline-block; } .post1.post-31 .tt .more_btn { float: right; } .post1 .tt .more_btn a { font-size: 0.16rem; line-height: 0.47rem; font-weight: bold; color: #5C0D12; } .post1.post-31 .tt { text-align: left; } .post1.post-31 .tt .tit { display: inline-block; } .post1.post-31 .tt .more_btn { float: right; } .post-31 .news_list { width: 68%; margin: 0 auto; /* height: 5.2rem; */ margin-top: -0.8rem; } .post-31 .news .news_imgs a { display: block; padding-top: 66.5%; } .post-31 .news .news_imgs:hover a { transform: scale(1.1); } .post-31 .news { width: 7.34rem; /* z-index: 1 ! important; */ } .post-31 .news .news_wz { opacity: 0; /* display: flex; */ transition: all 0.4s; position: absolute; width: 100%; } .post-31 .news .news_wz .news_title a { color: #fff; } .post-31 .news.roundabout-in-focus .news_wz { display: flex; margin-top: 0.25rem; opacity: 1; } .post-31 .news .news_imgs { border-radius: 0.16rem; overflow: hidden; position: relative; } .post-31 .news .news_wz span { display: block; color: #fff; font-family: "Helvetica"; } .post-31 .news.roundabout-in-focus .news_imgs a:after {opacity:0} .post-31 .news .news_wz .news_day { font-size: 0.24rem; font-weight: bold; border-bottom: 1px solid #C2AA95; line-height: 0.28rem; } .post-31 .news .news_wz .news_year { font-size: 0.12rem; line-height: 0.24rem; font-weight: bold; } .post-31 .news .news_wz .news_meta { flex: none; margin-right: 40px; } span.news_day {} .post-31 .news .news_wz .news_title { font-weight: bold; font-size: 0.18rem; font-family: "Helvetica"; line-height: 0.3rem; margin-bottom: 0.24rem; } .post-31 .news .news_wz .news_text { font-size: 0.16rem; line-height: 0.28rem; min-height: 0.58rem; } .post-31 .news .news_wz .news_text a { color: #fff; overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } a.prev.sliderPrev img,a.next.sliderNext img{ width:0.85rem } a.prev.sliderPrev { position: absolute; bottom: 0.4rem; left: 16.7vw; background: url(images/prev_w.png)no-repeat center; background-size: 0.85rem; } .post-31 .con { /* height: 6.5rem; */ padding-bottom:1rem; transition: all 0.8s ease-in-out; transform: translateY(100px); opacity: 0; } .main3 { position: relative; /* background: url(); */ } a.next.sliderNext { position: absolute; bottom: 0.4rem; right: 16.7vw; /* left: 16.7vw; */ background: url(images/next_w.png)no-repeat center; background-size: 0.85rem; } ul.switcher.sliderSwitch { /* width: 100%; */ bottom: 0.4rem; position: absolute; left: 50%; transform: translateX(-50%); } ul.switcher.sliderSwitch li { display: inline-block; font-size: 0; width: 12px; height: 12px; margin: 0 5px; background: #fff; border-radius: 50%; cursor: pointer; opacity: 0.5; } ul.switcher.sliderSwitch li.active { /* background: #7F3427; */ opacity: 1; } .post-31 .news .news_imgs a:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: #000000; opacity: 0.25; top: 0; transition: all 0.4s; } .post-41 { float: left; width: 28.5%; padding: 0 0.55rem 0 1.35rem; box-sizing: border-box; transform: translateX(-100px); opacity: 0; transition: all 0.8s ease-in-out; } .main4 { background: #F7F5F5 url(images/rwbg.png)no-repeat left bottom; position: relative; } .main4 .inner { width: 100%; } .post-42 { position: absolute; width: 71.5%; right: 0; top: 0; height: 100%; background: #C2AA95; overflow: hidden; } .post1.post-41 .tt { text-align: left; } .post1.post-41 .more_btn { float: right; } .post-41 .news .news_title { font-size: 0.18rem; font-weight: bold; margin-bottom: 0.4rem; line-height: 0.3rem; } .post-41 .news .news_con { font-size: 0.16rem; line-height: 0.28rem; width: 2.08rem; margin-bottom: 7.3vh; } .news_con {} .post-41 .news .news_title2 { font-size: 0.16rem; line-height: 0.28rem; } .slick-slide .news_to img { display: inline-block; vertical-align: middle; margin-left: 14px; transition: all 0.4s ease-in-out; } .post-41 .news .news_to a { display: block; line-height: 0.65rem; width: 1.7rem; text-align: center; font-size: 0.18rem; font-weight: bold; color: #5C0D12; border: 1px solid #5C0D12; border-radius: 0.33rem; transition: all 0.4s ease-in-out; } .post-41 .news .news_to { margin-top: 15.4vh; } .post-42 .news_imgs a { padding-top: 130%; width: 100%; height: 0px; position: relative; z-index: 1; border-radius: 0.16rem; } .post-42 .news_box { margin: 0 1.06rem; /* display: flex; */ justify-content: center; align-items: center; /* position: static; */ } .post-42 .news_list { margin: 0 -3.3rem 0 0px; /* overflow: hidden; */ position: static; transform: translateX(100px); opacity: 0; transition: all 0.8s ease-in-out; } .post-42 .news_box .news_imgs { display: flex; height: 100vh; justify-content: center; align-items: center; } .post-42 .slick-current .news_imgs a { padding-top: 100vh; position: absolute; left: 0; width: 6.82rem; z-index: 2; border-radius: 0px; box-shadow: 0 0 28px -17px #333; } .post-42 .slick-current .news_box{ /* position:static; */ } .post-42 .con { position: relative; height: 100%; } .post-42 .slick-slide { position: relative; z-index: 1; } .post-42 .slick-slide.slick-current { z-index: 2; } .post-42 .slick-prev,.post-42 .slick-next { right: 33%; width: 1.1rem; height: 1.1rem; border-radius: 50%; border: 1px solid #fff; background: url(images/reada.png)no-repeat center; /* transform: translate(-50%,-50%); */ z-index: 2; background-size: 0.4rem; bottom: 0.4rem; top: auto; } .post-42 .slick-prev { background: url(images/readb.png)no-repeat center; left: 38.3%; background-size: 0.4rem; } .post-42 .slick-prev:hover,.post-42 .slick-next:hover { width: 1.3rem; height: 1.3rem; transition:1s; } @keyframes mbig { 0% { width: 245px; height: 245px; } 50% { width: 285px; height: 280px; } 100% { width: 245px; height: 245px; } } .post1.post-51 .tt { text-align: left; } .post1.post-51 .more_btn { float: right; } .content .wrap .wrapper.main5 { background: #F7F5F5; position: relative; padding-top: 19.2vh; FONT-VARIANT: JIS78; } .shares { position: absolute; right: 1.09rem; z-index: 1; } .shares .news a { display: inline-block; width: 0.44rem; height: 0.44rem; border-radius: 50%; margin: 0 0.05rem; cursor: pointer; position: relative; } .shares .news a .news_imgs { position: absolute; width: 90px; display: none; } .shares .news { display: inline-block; vertical-align: middle; } .shares .news.n1 a { /* background-size: 0.28rem; */ background: rgb(92 13 18 / 10%) url(images/wx.png)no-repeat center; background-size: 0.28rem; } .shares .news.n2 a { background: rgb(92 13 18 / 10%) url(images/wb.png)no-repeat center; background-size: 0.28rem; } .shares .news.n3 a { background: rgb(92 13 18 / 10%) url(images/bilibili.png)no-repeat center; background-size: 0.28rem; } .shares .news.n4 a { background: rgb(92 13 18 / 10%) url(images/dou.png)no-repeat center; background-size: 0.23rem; } .shares .news.n5 a { background: rgb(92 13 18 / 10%) url(images/wx.png)no-repeat center; background-size: 0.28rem; } .shares .news a .news_imgs img { width: 100%; } .bigbox { position: relative; } .main5 .inner { position: relative; } .main5 .ml {float: left;width: 47%;} .main5 .mc {float: left;width: 30%;position: relative;} .main5 .mr {float: right;width: 23%;position: relative;} .main5 .ml:after { content: ""; position: absolute; display: block; width: 3rem; height: 4.06rem; background: url(images/bg4.png)no-repeat center; bottom: -0.85rem; left: -0.5rem; background-size: 100% 100%; } .main5 .mbottom { } .main5 .mbottom .post-52 .news_icon img { max-height: 0.4rem; margin: 0 auto; max-width: 100%; } .main5 .mbottom .post-52 .news_icon { text-align: center; min-width: 0.5rem; } .main5 .news_video video { max-width: 100%; width: 100%; height: 100%; vertical-align: middle; position: relative; top: 50%; object-fit: cover; transform: translateY(-50%); } .main5 .mbottom .news_imgs a { display: block; height: 100%; } .main5 .mbottom .post-55 .news_wz { display: none; } .content .wrap .wrapper.main1 { padding-top: 12vh; /* width: 100%; */ /* padding-top: 50px; */ } .main5 .mbottom .news_wz { position: absolute; bottom: 0; height: auto; background: #fff; background-size: 100% 100%; padding: 0.22rem; width: 100%; box-sizing: border-box; display: flex; align-items: flex-end; } .main5 .mbottom .post { position: relative; z-index: 1; } .main5 .mbottom .news_icon { /* float: left; */ flex: none; margin-right: 0.17em; /* display: none; */ margin-right: 20px; } .main5 .mbottom .news_con { display: flex; /* justify-content: center; */ align-items: center; } .main5 .mbottom .news_title {} .main5 .mbottom .news { margin: 0 0.15rem; position: relative; border-radius: 10px; /* overflow: hidden; */ transform: scale(0); opacity: 0; transition: all 0.8s ease-in-out; } .main5 .mbottom { margin: 0 -0.15rem; } .main5 .mbottom .news_title a { overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .main5 .mbottom .news_title { font-size: 0.18rem; line-height: 0.3rem; font-weight: bold; color: #fff; } .main5 .mbottom .news_video { display: none; height: 100%; box-shadow: 0 0 20px 0px #ccc; } .main5 .mc .post .news { height: calc((27.5vw - 0.3rem)/2); } .main5 .mbottom .news_bo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display:none; cursor: pointer; } .post-52 .slick-dots { bottom: 0.18rem; text-align: right; right: 0.2rem; width:auto; } .post-52 .slick-dots li { width: 12px; height: 12px; } .post-52 .slick-dots li.slick-active { background: #8a2e22; } .main5 .mbottom .post-52 .news_wz { padding:0 0.22rem; background: #fff; position: relative; height: 0.86rem; align-items: center; } .main5 .mbottom .post-52 .news_title a { color: #000; } .main5 .mbottom .post-53 .news { margin-bottom: 0.3rem; } .main5 .mbottom .mc .news_icon { width: 0.36rem; height: 0.36rem; line-height: 0.36rem; text-align: center; background: rgb(255 255 255 / 10%); border-radius: 50%; } .main5 .mbottom .mc .news_icon img { vertical-align: middle; /* width: 100%; */ } .main5 .post-55 .dou { position: absolute; top: 20px; right: 20px; display:none; } .main5 .mbottom .post-55 .news { border-radius: 10px 10px 150px 10px; } .main5 .mc:after { content: ""; position: absolute; display: block; width: 0.85rem; height: 0.85rem; background: url(images/hua.png)no-repeat center; top: -0.41rem; right: -0.28rem; background-size: 100% 100%; } .main5 .mr:after { content: ""; position: absolute; display: block; width: 1.67rem; height: 105%; background: url(images/bg5.png)no-repeat center; top: -0.26rem; right: -0.15rem; background-size: 100% 100%; } .shares .news a:hover .news_imgs { display: block; bottom: 100%; left: 50%; margin-left: -45px; } .main5 .mc .post .news_imgs video {} .main5 .mbottom .news_imgs { height: calc(100% - 0.86rem); box-shadow: 0 0 20px 0px #ccc; } .main5 .ml .post .news { height: 27.5vw; } .main5 .mr .post .news { height: 27.5vw; } .content .wrap .wrapper.main6 {padding-top: 14.5vh;min-height: 100vh;height: auto;padding-bottom: 16px;} .main6{ background: #8A2E22; position: relative; } .post-61 .list1 { width: 27%; border-right: 1px solid rgb(255 255 255 / 10%); padding-right: 0.57rem; } .post-61 .list3{ width: 27%; border-left: 1px solid rgb(255 255 255 / 10%); position: relative; padding-left: 0.57rem; } .post-61 .list2{ width: 46%; text-align: center; position: relative; } .post-61 { border-bottom: 1px solid rgb(255 255 255 / 10%); position: relative; } .post-61 .more_btn .more_text { font-size: 0.14rem; color: #FFC179; } .post-61 .more_btn img { float: right; } .post-61 .more_btn .more_con { width: 100%; /* line-height: 0.48rem; */ border-bottom: 1px solid #ffc17a1a; /* display: flex; */ padding-bottom: 15px; } .post-61 .more_btn { position: absolute; width: 27%; padding-left: 0.57rem; bottom: 0; right: 0; box-sizing: border-box; height: 20%; display: flex; align-items: center; justify-content: space-between; z-index: 1; } .post-61 .con { display: flex; width: 100%; } .post-61 .news_list .news_ico svg { max-width: 100%; } .post-61 .news_list { vertical-align: top; display: table-cell; height: 4.4rem; } .post-61 .con>div { display: flex; width: 100%; } .post-61 .list1 .news,.post-61 .list3 .news { /* height: 33.3%; */ /* position: relative; */ display: flex; width: 100%; /* border-bottom: 1px solid rgb(255 255 255 / 10%); */ /* padding-left: 30px; */ align-items: center; box-sizing: border-box; } .post-61 .news_list .news_ico { width: 0.3rem; /* height: 0.3rem; */ margin-right: 0.12rem; /* box-sizing: border-box; */ background-size: 100% 100%; flex: none; } .post-61 .news_list .news_title { font-size: 0.16rem; color: #fff; line-height: 0.21rem; /* margin-bottom: 9px; */ } .post-61 .news_list .news_title a { color: #fff; } .post-61 .news_list .news_num .num { font-size: 0.35rem; line-height: 0.6rem; font-weight: bold; margin-right: 0.16rem; /* width: 1.73rem; */ } .post-61 .news_list .news_wz { display: flex; align-items: center; justify-content: space-between; width: inherit; } .post-61 .list2 .bottom { width: 4rem; margin: 0 auto; } .post-61 .news_list .news_num { color: #fff; float: right; } .post-61 .news_list .news_num .dan { font-size: 0.16rem; } .post-61 .list2:before { content: ""; display: block; width: 3.66rem; height: 3.66rem; position: absolute; background: url(images/biglogo.png)no-repeat center; top: -0.37rem; left: 50%; transform: translateX(-50%); } .post-61 p { margin-top: 24px; font-size: 0.16rem; line-height: 0.26rem; color: #fff; width: 5.84rem; text-align: left; margin: 0.24rem auto; /* margin-top: 24px; */ max-width: 100%; } .post-61 .news_list .news_ico svg { max-width: 100%; height: auto; } .post-61 .list2 .news { display: flex; align-items: center; justify-content: center; float: left; width: 100%; margin-bottom: 0.48rem; } .post-61 .list2 .news_wz { display: flex; /* align-items: flex-end; */ justify-content: space-between; } .post-61 .news_list.list2 .news_ico { /* margin-right: 17px; */ width: 0.4rem; } .post-61 .news_list.list2 .news_num .num { /* margin-left: 0.9rem; */ /* margin-right: 0.6rem; */ } .post-61 .news_list .news_box { display: flex; align-items: center; width: 100%; } .post-61 .news_list.list2 .news_box { /* align-items: flex-end; */ margin: 0 0.33rem; } .post-61 .more_btn .more_con a { display: block; background: url(images/more_y.png) no-repeat right; } .post-62 { padding: 0.3rem 0 0.4rem; border-bottom: 2px solid rgb(255 255 255 / 20%); } .post-62 .slick-dots li.slick-active { opacity: 1; background: #fff; } .post-62 .slick-dots{ bottom:-0.25rem } .post-62 .slick-dots li { background: #fff; opacity: 0.5; } .post-62 .news_imgs { overflow: hidden; border-radius: 16px; } .post-62 .news_imgs a { display: block; padding-top: 35%; overflow: hidden; } .post-62 .news { float: left; width: 25%; } .post-62 .news .news_box { margin: 0 0.225rem; position: relative; /* overflow: hidden; */ box-shadow: 0 0 28px -17px #333; } .post-62 .news_list { margin: 0 -0.225rem; } .post-62 .news_imgs a:after { position: absolute; content: ""; display: block; width: 100%; height: 100%; background: #7F3427; opacity: 0.7; top: 0; left: 0; /* z-index: 1; */ } .post-62 .news .news_title { position: absolute; /* z-index: 2; */ width: 100%; text-align: center; top: 50%; transform: translateY(-50%); color: #fff; font-size: 0.32rem; font-weight: bold; } .post-62 .news .news_title a { color: #fff; } .footer1 { padding: 30px 0; display: flex; align-items: center; border-bottom: 1px solid rgb(255 255 255 / 10%); } .footer1 .fl { float: left; width: 33.3%; /* display: flex; */ /* align-items: center; */ } .footer1 .fc { float: left; width: 33.3%; text-align: center; } .footer1 .fr { float: right; width: 33.3%; } .footer1 .fl .post .news_title { font-size: 0.14rem; line-height: 0.19rem; font-weight: bold; color: #fff; margin-bottom: 0.14rem; } .footer1 .fl .post { /* float: left; */ } .footer1 .fl .post .news_con {} .footer1 .fl .post .news_con p { font-size: 0.14rem; line-height: 0.24rem; color: #fff; } .footer1 .fr .post .news { display: inline-block; text-align: center; vertical-align: middle; margin-left: 0.5rem; } .footer1 .fr .post .news_list { text-align: right; /* display: inline-block; */ } .footer1 .fr .post .news_imgs img { width: 0.8rem; height: 0.8rem; } .footer1 .fr .post .news_title { font-size: 0.14rem; line-height: 0.19rem; margin-top: 0.12rem; color: #fff; } .footer1 .fr .post .news_title a { color: #fff; } .footer1 .fl .post .news { float: left; width: 43%; } .footer1 .fl .post .news.n1 { margin-right: 0.55rem; } .footer2 p { font-size: 12px; text-align: center; line-height: 16px; color: #fff; opacity: 0.6; } .footer2 { padding: 10px 0; } .open1 .head-right { display: none; } .showdiv .head.open1 { z-index: 1; } .fixbox { position: fixed; left: 0; overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.4s ease-out 0s; top: 0; right: 0; background: url(images/fixbg.jpg)no-repeat; height: 100vh; z-index: 999; padding-top: 20.8vh; background-size: cover; box-sizing: border-box; /* z-index: 1; */ } .list .fixbox { z-index: 2; } .fixbox#nav { margin: 0; } .fixbox .inner { /* display: flex; */ /* justify-content: center; */ /* align-items: center; */ } .fixbox.open { opacity: 1; visibility: inherit; } .wza_navbox{display: none;width: 95%;margin: 20px auto;} .wza_navbox .wza_list{display:flex;} .wza_navbox .links{margin-right:20px} .wza_navbox .links a{color:#fff;border: 1px solid #fff;padding: 6px;line-height: 1.5;display: block;} .navbox .wp-menu .menu-link { color: #fff; font-size: 0.18rem; font-weight: bold; line-height: 0.24rem; margin-bottom: 0.5rem; /* margin: 0 75px; */ display: inline-block; } .navbox .wp-menu .sub-menu { min-width: 100%; /* position: absolute; */ text-align: left; max-width: 5rem; } .navbox2 .wp-menu .menu-item.i2 .sub-item { /* float: left;*/ /* width: 50%;*/ } .navbox .wp-menu .sub-menu .sub-link { font-size: 0.18rem; line-height: 0.42rem; color: #fff; } .navbox .wp-menu { /* margin: 0 75px; */ display: flex; justify-content: space-evenly; align-items:; width: 100%; } .open #nav { opacity: 0; display: none; } .open .site-lang { opacity: 0; display: none; } .open .menu .menu_icon i:first-child { transform: rotate(43deg) translate(0.06rem,0.09rem); display: block; } .open .menu .menu_icon i:last-child { transform: rotate(137deg) translate(0rem,0.04rem); display: block; margin-top: 0.11rem; } .open .menu .menu_icon i { display: none; } .navbox .wp-menu .menu-item { /* float: left; */ /* margin: 0 0.3rem; */ /* text-align: center; */ } .head.open { /* z-index: 999; */ background: none; } .open div#head2 {} .showdiv div#head2 { opacity: 1; transform: none; } .open#head2 .head-right { display: none; } .open .menu2 i:first-child { transform: rotate(45deg) translate(11px,8px); display: block; } .open .menu2 i:last-child { transform: rotate(135deg) translate(-0.07rem,0.05rem); display: block; margin-top: 14px; } .open .menu2 i { display: none; } .control2.open .menu2 { z-index: 999; } .post-14 .news_list .box1:hover .news_imgs img { transform: scale(1.1); } .post-14 .news_list .box2:hover { box-shadow: 0 0 30px -5px #333; } a.next.sliderNext:hover {transform: scale(1.2);} a.prev.sliderPrev:hover {transform: scale(1.2);} .post-41 .news .news_to a:hover img{ margin-left:20px; } .shares .news a:hover { transform: scale(1.1); } .main5 .mbottom .news_bo:hover img { transform: scale(1.1);} .main5 .mbottom .news_bo img { transition: all 0.4s ease-in-out; width: 0.54rem; } .post-62 .news .news_box:hover .news_imgs a {transform: scale(1.1);} .content.showdiv { top: 0; } .showdiv .head { transform: none; opacity: 1; } .content.showdiv .post-14 .news_list .news { transform: none; opacity: 1; } .main3.showdiv .post-31 .con { transform: none; opacity: 1; } .main4.showdiv .post-42 .news_list { transform: none; opacity: 1; } .main4.showdiv .post-41{ transform: none; opacity: 1; } .main2.showdiv .clndr-events .news_list .news_box{ opacity: 1; transform: none; } .main5.showdiv .mbottom .news { opacity: 1; transform: none; } /*********************************************************** * 列表页 */ /**主体列表页开始**/ #l-container { background: url(images/listbg.png)no-repeat left bottom;} #l-container .inner {padding: 1rem 0;width: 1200px;} /**主体文章页开始**/ #d-container {} #d-container .inner {background:#fff;} .list .banner { height: auto; } .col_menu {width: 14%;float: right;/* margin-right: -1.55rem; */position:relative;} .col_menu .l-qh{ margin-bottom:10px;} .col_menu .col_menu_head {background: #7f3427; display: none;}/**位置栏目背景**/ .col_menu .col_menu_head h3.col_name {font-size: 0.18rem;font-weight:normal;color:#fff;}/**位置栏目字体**/ .col_menu .col_menu_head h3.col_name .col_name_text { display:block;line-height: 0.6rem;/* padding:0px 5px 0px 30px; */text-align: center;font-weight: bold;}/**栏目名称图标**/ .col_menu .col_menu_con{/* border:1px solid #e4e4e4; */} /*栏目列表*/ .col_list{} .col_list .wp_listcolumn { border-top:0px solid #7f3427; border-bottom:0px solid #fff; } .col_list .wp_listcolumn .wp_column a {color:#333;font-size: 16px;font-weight:normal;background:none;border-bottom: 1px solid #d9d9d994;/* border-bottom: none; */display: block;/* text-align: center; */transition: 0;} .col_list .wp_listcolumn .wp_column a .column-name{padding-left: 20px;line-height: 46px;} .col_list .wp_listcolumn .wp_column a:hover, .col_list .wp_listcolumn .wp_column a.selected {/* color: #fff; *//* background: #7f3427; */} .col_list .wp_listcolumn .wp_column a.selected span.column-name{/* background: #7f3427; *//* color:#fff; */} .col_list .wp_listcolumn .wp_subcolumn .wp_column a{ color:#454545;background:none; border-top:1px solid #fff; border-bottom:1px solid #bbb;} .col_list .wp_listcolumn .wp_column.parent > a{font-weight:bold; background: #7f3427;color:#fff;} /*二级子栏目**/ .col_list .wp_listcolumn .wp_column .sub_list a {color:#333;/* border: none; *//* margin-top:-1px; */} .col_list .wp_listcolumn .sub_list a .column-name {display:inline-block;line-height: 42px;padding: 0;padding-left: 0.4rem;cursor:pointer;font-size: 14px;} .col_list .wp_listcolumn .sub_list a:hover, .col_list .wp_listcolumn .wp_column a.selected {/* font-weight:bold; *//* font-weight: normal; */color: #7F3427; /* background: #7F3427; */} /*三级子栏目**/ .col_list .wp_listcolumn .wp_column .sub_list .sub_list a{} .col_list .wp_listcolumn .sub_list .sub_list a .column-name {padding: 5px 10px 5px 60px;cursor:pointer;} .col_list .wp_listcolumn .sub_list .sub_list a :hover, .col_list .wp_listcolumn .sub_list .sub_list a.selected {font-weight:bold; color:#7f3427;} /**栏目新闻**/ .possplit { margin: 0 9px; background: none; content: "-"; color: #fff; text-indent: 0; width: auto; text-align: center; font-size: 0; } .possplit:after { content: "-"; font-size: 15px; } .col_news {width: 80%;min-height:500px;float: left;} .col_news .col_news_box{margin-left: 290px;} .col_news_head {position: absolute;left: 0;top: 100%;width: 100%;margin-top: -0.325rem;} .col_metas .col_title { display:inline-block; float:left; height: 48px; line-height: 48px; } /**当前栏目**/ .col_metas .col_title h2 {display:inline-block;font-size: 18px;font-family:"Microsoft yahei";font-weight: normal;color: #5C0D12;border-bottom: 3px solid #CBCBCB;} .col_metas .col_path {display:inline-block;float:right;white-space:nowrap;height: 46px;line-height: 46px;color: #666;} /**当前位置**/ .col_metas .col_path a{color: #2F2F2F;} .col_news_con {/* padding:5px 0px 10px 0px; */ margin:0 0px;/* padding-right: 2.4rem; */} .col_news_list {/* margin-top:7px; */} .col_news_list .wp_article_list .list_item {} /**栏目新闻列表**/ .col_news_list .wp_article_list .list_item .Article_Index {} /**栏目新闻图标序号**/ .col_news_list .wp_entry, .col_news_list .wp_entry p,.col_news_list .wp_entry span {line-height:1.75;font-size: 16px ! important;color:#333;line-height: 36px ! important;} .col_news_list .wp_entry p { margin-bottom:10px;} .col_news_list .wp_entry table{ margin-bottom:4px; margin: 0 auto;} .col_news_list .wp_entry img { max-width:680px; _width:expression(this.width > 680 ? "680px" : this.width); } /**列表页文章图片大小限制**/ .col_news .news { line-height: 36px; font-size: 16px; /* font-weight: bold; */ } .col_news_head .col_title a { color: #fff; } .col_news .news .news_title { float: left; width: 71%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .col_news .news .news_meta { float: right; } .l-banner { height: 4.2rem; background: url(images/list_banner.jpg); background-repeat: no-repeat; background-size: 100% 100%; } .col_news_name { position: absolute; bottom: 0.54rem; left: 50%; margin-left: -600px; } div#container-1 { position: relative; } .col_news_name h2 { color: #fff; font-size: 0.36rem; line-height: 0.47rem; } .col_news_head .col_title { padding-left: calc((100% - 1200px)/2); display: inline-block; /* height: 0.65rem; */ min-width: 44%; box-sizing: border-box; background: url(images/col_bg.png)no-repeat; background-size: 100% 100%; line-height: 0.65rem; color: #fff; } .col_news_head { padding-bottom: 0.19rem; background: url(images/list_xian.png)no-repeat bottom center; background-size: 12rem; } .col_news_head .col_title h2 { font-size: 0.14rem; font-weight: normal; color: #fff; } .col_list .wp_listcolumn .wp_column { border-bottom: 1px solid #D9D9D9; } .list #footer .inner { width: 15.18rem; } .col_list .wp_listcolumn .wp_column >a { background: url(images/xiala_b.png)no-repeat right 0.3rem center; } .col_list .wp_listcolumn .wp_column >a:hover, .col_list .wp_listcolumn .wp_column > a.selected { background: #7f3427 url(images/xiala_w.png)no-repeat right 0.3rem center; color: #fff; } #wp_paging_w6 .wp_paging { font-size: 0.15rem; line-height: 0.34rem; padding-top: 0.60rem; float: none; text-align: right; padding-bottom: 1rem; } #wp_paging_w6 .wp_paging li { margin: 0; line-height: 0.3rem; height: 0.3rem; float: none; display: inline-block; } .wp_paging li span, .wp_paging li a{display: inline-block;float: left;margin-left: 0.05rem;vertical-align: middle;} #wp_paging_w6 .wp_paging li em.all_pages { border: none; padding: 0 10px; min-width: auto; } em.curr_page { margin-right: 0.05rem; } #wp_paging_w6 .wp_paging li a.pagingJump { background: #C2AA95; color: #fff; border: none; } #wp_paging_w6 .wp_paging li a { height: 0.38rem; line-height: 0.38rem; padding: 0 0.1rem; background: #fff; border: 1px solid #707070; color: #666; border-radius: 0.04rem; } .wp_paging li input{ border: 1px solid #707070; background: #fff; text-align: center; } #wp_paging_w6 .wp_paging li a:hover { background: #C2AA95; color: #fff; } #wp_paging_w6 .wp_paging li input { font-size: 0.14rem; width: 0.38rem; height: 0.38rem; margin: 0; line-height: 0.34rem; } #wp_paging_w6 .wp_paging li span:last-child { margin: 0; } #wp_paging_w6 .wp_paging li em { font-weight: 400; line-height: 0.38rem; display: inline-block; padding: 0 0.13rem; border: 1px solid #707070; border-radius: 0.04rem; min-width: 0.38rem; box-sizing: border-box; text-align: center; } .wp_paging li span.pages { padding: 0 10px; } #wp_paging_w6 .wp_paging li .curr_page { margin-right: 10px; } #wp_paging_w6 .wp_paging li span.all_count { margin: 0 15px; display: none; } /**文章页**/ .infobox {padding:20px 60px; margin:0 auto; width:auto;} .article {/* padding-top:10px; */} .article h1.arti_title {line-height: 0.47rem;font-family: "Microsoft YaHei";font-size: 0.36rem;text-align:center;color: #333;padding-bottom: 0.38rem;background: url(images/infott.png)no-repeat bottom;} /**文章标题**/ .article h2.arti_title {line-height: 34px;font-family: "Microsoft YaHei";font-size: 17px;text-align:center;color: #1B1B1B;} /**文章副标题**/ .article .arti_metas {padding:10px;text-align:center;/* border-top:1px solid #ececec; */} .article .arti_metas span { margin:0 5px; font-size:12px; color:#787878;}/**文章其他属性**/ .article .entry { margin:0 auto; overflow:hidden;margin-top: 0.34rem;min-height: 4rem;} /**文章内容**/ .article .entry .read,.article .entry .read p { line-height:1.75; font-size:14px; color:#333;} /**阅读字体**/ .article .entry .read p { margin-bottom:10px;} .article .entry .read img {margin:0 auto; max-width:940px; _width:expression(this.width > 940 ? "940px" : this.width); } /**文章阅读部分图片大小限制**/ .article .entry .read table{margin:0 auto; border:none!important;} /**页脚开始**/ #footer {background: #5C0D12;position: relative;} #footer .inner {padding: 16px 0px;position:relative;} .foot_nav { height: 100%; position: absolute; width: 1.34rem; background: #C2AA95; right: 0; top: 0; text-align: center; display: flex; flex-direction: column; justify-content: space-around; } .foot_nav div { height: 100; } .foot_nav:after { content: ""; display: block; width: 0.28rem; height: 2px; background: #fff; position: absolute; left: 50%; margin-left: -0.14rem; } /************************************************************** * 组件功能 */ /*系统默认搜索*/ .wp_search{ display:inline-block;position:relative;padding-left:4px;border: 1px solid #d0d0d0;} .wp_search #keyword{ width:160px!important;padding: 4px 0; border:none;height:20px; line-height:20px; background:transparent; color:#fff; } .wp_search .search{width:32px;height: 30px;border:0px;cursor: pointer; vertical-align:top; } /*自定义输入框*/ .searchbox{text-align:right;margin-top:5px;width: 600px;max-width: 80%;margin: 0 auto;} .wp-search {position: relative;border: 1px solid #fff;border-radius: 0.15rem;overflow: hidden;} .wp-search form {display: block;} .wp-search .search-input {margin-left: 12px;margin-right: 40px;} .wp-search .search-input input.search-title {width: 100%;height: 40px;padding: 4px 0;line-height: 40px;background: none;color: #FFFFFF;font-size: 14px;border:0;outline: 0;border-radius: 10px;font-family: "微軟雅黑";} .wp-search .search-btn {/* width: 40px; */height: 48px;position: absolute;right: 0;top:0%;padding: 0 19px;background: #fff;} .wp-search .search-btn input.search-submit {height: 100%;border:0;outline: 0;cursor: pointer;color: #333;font-size: 16px;font-family: "微軟雅黑";} .wrapper.fixbox.search { z-index: 3; padding: 0; display: flex; justify-content: center; align-items: center; } .bb2 img { width: 0.28rem; /* height: auto; */ vertical-align: middle; } .post-61 .list2 .ximg img { width: 5.8rem; max-width: 88%; } .footer1 .fc img { max-width: 100%; } .closebox { position: absolute; top: 30px; right: 30px; cursor: pointer; } .list .search_ico { float: left; margin: 0.45rem 0.2rem 0 0; display: none; } #head1 #nav { /* display: none; */ } .control.nav-top { top: 0; background: none; right: 1.33rem; width: auto; /* transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s; */ animation: navshow2 1s ease; animation-fill-mode: forwards; z-index: 2; } .control.nav-top .bb { display: none; } .control.nav-top .search_ico { width: 1rem; text-align: center; } .control .con_menu .news.i1 { display: none; } .control.nav-top .con_menu .news.i1 { display: block; } .control.nav-top .con_menu { margin: 0; } .nav-hide{animation: navshow1 0.5s ease;animation-fill-mode:forwards;} @keyframes navshow1{ 0%{opacity:1;top:82vh;} 100%{opacity:0;top:82vh;} } @keyframes navshow2{ 0%{opacity:0} 100%{opacity:1} } .fix_vid { position: fixed; width: 100%; height: 100%; background: #333c; z-index: 1000; top: 0; left: 0; } .fix_vid video { max-width: 55%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } span.fix_close { color: #fff; font-size: 0.2rem; position: absolute; top: 0.6rem; right: 0.6rem; } .weixin-prop{ width:300px; height:380px;border:1px #ddd solid; background:#fff; position:fixed;left:50%;top:50%;margin:-190px 0px 0px -150px; z-index:2345667} .weixin-close{width:25px;height:25px; position:absolute;right:10px;top:10px; line-height:30px; text-align:center; font-size:20px; color:#333; cursor:pointer} .weixin-img{ float:left; width:250px; margin:60px 0px 0px 25px} .weixin-img canvas{width:250px;height:250px} .weixin-prop p{ float:left; width:100%; overflow:hidden; font-size:14px; text-align:center; color:#222} .col_metas .col_path a:after { content: '丨'; } .col_metas .col_path a:nth-last-child(1):after { content: ''; }div#mbanner .slick-list li { width: 100%; }div#mbanner .slick-list img { height: 100vh; width: 100%; } .wp_entry a:hover { text-decoration: underline; color: #5A5A5A; } .wp_articlecontent { overflow: auto; } /**现任领导特殊页**/ body.xrld_list .wp_subcolumn_list{float:left;width:50%;} body.xrld_list .wp_subcolumn_list:last-child{ /* width: 100%; */ /* margin-top: 0.3rem; */ } body.xrld_list .wp_subcolumn_list .wp_sublist{border-bottom: 0.01rem solid transparent;position: relative;margin: 0 0.925rem;background: url(images/line_svg.svg) center 0.86rem;background-size: auto 0.88rem;} body.xrld_list .wp_subcolumn_list .morelink{display:none;} body.xrld_list .wp_subcolumn_list .wp_sublist .sublist_title{display:inline-block;height: auto;border-bottom: 0;float: left;line-height: normal;margin-bottom: 0;position: absolute;left: 0;top: 0.31rem;} body.xrld_list .wp_subcolumn_list .wp_sublist .sublist_title{padding-left:0.57rem;background: url(images/xrldtt_bg.svg)no-repeat center left;} body.xrld_list .wp_subcolumn_list .wp_sublist .sublist_title a .subcolumn-name{ font-size: 0.2rem; color: #7F3427; } body.xrld_list .col_news .news{ line-height: 0.26rem; padding: 0.305rem 0 0.305rem; float: left; } body.xrld_list .wp_subcolumn_list .news .news_title{ font-size: 0.2rem; float: none; width: 0.6rem; overflow: initial; } body.xrld_list .wp_subcolumn_list .news_list{margin-left: 1.6rem;} body.xrld_list .col_news_head{display: none;} body.xrld_list .col_news_name{ background: url(images/list_xian.png)no-repeat bottom center; position: static; margin-left: 0; padding-bottom: 0.2rem; margin-bottom: 0.18rem; background-size: contain; } body.xrld_list .col_news_name h2{color: #7F3427;} body.xrld_list .wp-inner{width:1200px;margin: 0 auto;padding: 1.44rem 0 0;} body.xrld_list .l-banner{display:none;} body.xrld_list #l-container .inner{padding: 0 0 1.19rem;} body.xrld_list .col_news_list .list{ display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 -0.925rem; } body.xrld_list .col_news .news .news_box{margin: 0 0.25rem;} .post-14{display:none} .post-33 .boxm1 .news_list{ width: 48.8%;float:left;margin-right:1.8%;} .post-33 .boxm1 .news_list2{margin-right:1.8%;} .post-33 .boxm1 .ul2{ width: 23.8%;;float:left;} .post-33 .boxm1 .news_list .news .news_img{padding-top:66.67%; position: relative;} .post-33 .boxm1 .news_list .news .news_img img{ width: 100%;height:100%; position: absolute;top:0;} .post-33 .boxm1 .news_list .news .news_year{ font-size: .16rem; margin-top: .15rem; margin-bottom: .05rem; font-weight: 600; color: #C2AA95;} .post-33 .boxm1 .news_list .news .news_month{ font-size: .32rem; font-weight: 600; color: #C2AA95;} .post-33 .boxm1 .news_list .news .news_time{ width: 1.2rem; float: left;} .post-33 .boxm1 .news_list .news .news_wz{ width: calc(100% - 1.2rem); float: left;} .post-33 .boxm1 .news_list .news .news_title{ font-size: .18rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-weight: 600; color: #333333; margin-top: .4rem; margin-bottom: .24rem;} .post-33 .boxm1 .news_list .news .news_con{font-size: .16rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #666666; line-height: .26rem;} .post-33 .boxm1 .ul2 .n2 .news_img,.post-33 .boxm1 .ul2 .n3 .news_img{padding-top:0} .post-33 .boxm1 .ul2 .news_img{ position: relative;padding-top:66.57%;} .post-33 .boxm1 .ul2 .news_img img{top:0; position: absolute;width:100%;height:100%;} .post-33 .boxm1 .news_type{ position: absolute;line-height:.25rem;padding:0 0.08rem;background:#C2AA95;border-radius:0.06rem;color:#fff;font-size:0.13rem; right: 0; top: .13rem;} .post-33 .boxm1 .news_info { position: relative;} .post-33 .boxm1 .ul2 .news_time{ color: #8B392E;padding-top:0.14rem;margin-bottom:0.14rem; font-size: .16rem;} .post-33 .boxm1 .ul2 .news_title{ font-size: 0.18rem; color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height:.3rem;min-height:.6rem;} .post-33 .boxm1 .ul2 li{ padding-bottom: .36rem; border-bottom: 1px solid #8B392E;} .post-33 .boxm1 .ul2 li:last-child{border-bottom:none} .post-33 .boxm2 .ul1 {width:32%;float:left;} .post-33 .boxm2 .news_list1,.post-33 .boxm2 .news_list2{margin-right:2%} .post-33 .boxm2 .ul1 li .news_img{padding-top:66.6%; position: relative;} .post-33 .boxm2 .ul1 li.n2 .news_img{padding-top:0} .post-33 .boxm2 .ul1 li.n2{border:none} .post-33 .boxm2 .ul1 li .news_img img{ position: absolute;top:0;width:100%;height:100%;} .post-33 .boxm2 .ul1 li .news_time{ color: #8B392E; font-size: .16rem; margin-top: .24rem; margin-bottom: .21rem;} .post-33 .boxm2 .ul1 li .news_title{ font-size: .18rem; color: #333; line-height: .3rem; min-height:.6rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .post-33 .boxm2 .ul1 li { border-bottom: 1px solid #8B392E; padding-bottom: .4rem;} .main1{background:url(images/main1bg.png) no-repeat center / cover} .post-33 .more_btn{ position: absolute; right: 0; top: 0;} .post-33{ position: relative;} .post-33 .more-link .moretext img{display:none} .post-33 .more-link .moretext::after{content:'了解更多';display:block;color:#5C0D12;padding-right:.24rem;background:url(images/morebg.svg) no-repeat center right / .14rem; margin-top: .25rem;} .post-33 .tt .title{color:#C0C0C0; cursor: pointer;} .post-33 .tt .title.selected{color:#7F3427} .post-33 .fgico{display: inline-block; width: .1rem; height: .1rem; border-radius: 50%; background: #C0C0C0; transform: translateY(-.05rem); margin: 0 .23rem;} .post-33 .tt{margin-bottom:.3rem;} .content .wrap .wrapper.main1{ padding-top: 16vh;} .post-33 li .news_img{ overflow: hidden;border-radius:0.08rem} .post-33 li .news_img img{transition: .5s;} .post-33 li:hover .news_img img{transform: scale(1.1);} .post-33 .boxm .clearfix li.news:hover .news_title{color:#8B392E} .main1 .click_more { margin-bottom:.3rem } .main1 .click_more a{ display: block; line-height: 0.65rem; width: 1.7rem; text-align: center; font-size: 0.18rem; font-weight: bold; color: #5C0D12; border: 1px solid #5C0D12; border-radius: 0.33rem; transition: all 0.4s ease-in-out;margin:auto } .main1 .click_more img { display: inline-block; vertical-align: middle; margin-left: 14px; transition: all 0.4s ease-in-out; } .main1 .click_more:hover img { margin-left: 20px; }