@charset "gb2312";
@import "iconfont.css";
@import "iconfont2.css";
*{ margin:0px; padding:0px; border:0; }
body { -webkit-text-size-adjust: 100%; }
html, body { width:100%;  margin:0px; padding:0; -webkit-font-smoothing:antialiased;   font-family:ylmt, Microsoft YaHei, arial, sans-serif !important;  font-size:16px;  background:url(../images/bj.jpg) center top repeat;  }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
h1,h2,h3,h4,h5,h6,p,em,i,b,span,strong { margin:0; padding:0; font-weight:normal; font-style:normal;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color: #333; text-decoration: none; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
a:hover{ color:#9a2929; text-decoration:none; }
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr,a,strong,input,textarea,blockquote,img,button,font { box-sizing:border-box; -webkit-box-sizing:border-box; }

@font-face {	 
font-family:'ylmt';
src: url('ylmt.woff') format('woff'),
     url('ylmt.ttf') format('truetype'),
     url('ylmt.woff/ylmt.svg#ylmt') format('svg');
}


.font2 { font-family:"ylmt"; }

.fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInUp {
from { opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInUp {
from { opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInDown {
from { opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInDown {
from { opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInLeft {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeft {
from { opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInLeft {
from { opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInRight {-webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInRight {
from { opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInRight {
from { opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.animated { animation-duration: 1s; animation-fill-mode: both;}




/*input字体*/
:-moz-placeholder { color: #999999;}
::-moz-placeholder { color: #999999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color: #999999;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #999999;}

select {
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
border: solid 1px #d9d9d9; text-indent: 1em;
/*很关键：将默认的select选择框样式清除*/ 
appearance: none; color: #999999;  -moz-appearance: none;  -webkit-appearance: none;
/*在选择框的最右侧中间显示小箭头图片*/
background: url(http://www.motus.com.cn/cn/images/selectarr.png) no-repeat scroll 95% center transparent;
/*为下拉小箭头留出一点位置，避免被文字覆盖*/
padding-right: 14px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none;}

/*.amn3 { transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s; }
.amn4 { transition:all ease-out .4s 0s; -webkit-transition:all ease-out .4s 0s; }
.amn5 { transition:all ease-out .5s 0s; -webkit-transition:all ease-out .5s 0s; }

.amn { transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s;}
.amn img { transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s; }
.amn:hover img { transform:scale(1.05); -webkit-transform:scale(1.05); }

.amn2 { transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s;}
.amn2 img { transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s; }
.amn2:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); }


*/

.nav-dots { position: fixed;  right:-50px; top:calc(50% + 65px); transform: translateY(-50%); z-index: 100; display: flex; flex-direction: column; gap: 12px;  cursor: pointer; -webkit-transition:all .3s linear;  transition:all .3s linear;}   
.nav-dots:hover { right:0px; }

.dot { width: 60px;  height: 60px;  background:url(../images/menubj.png); color:#fff; line-height:20px; font-size: 16px; 
display: flex; align-items: center; justify-content: center;  -webkit-transition:all .3s linear;  transition:all .3s linear; }      
.dot.active { background: url(../images/menubj_over.png);}      
.dot:hover { background: url(../images/menubj_over.png); }  


.dot-number i { font-size:32px; line-height:40px; }





.progress-bar { position: fixed;  bottom: 0;  left: 0; height: 0px;  
background: linear-gradient(to right, #ff8a00, #da1b60);  z-index: 100; transition: width 0.3s ease; }

.scroll-hint {  position: fixed;  bottom: 30px;  left: 50%;  transform: translateX(-50%); color: white;  font-size: 1.2rem;  opacity: 0.8; 
animation: bounce 2s infinite;  z-index: 100;  display: flex; flex-direction: column; align-items: center; gap: 10px; }    
 @keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0) translateX(-50%);}
40% {transform: translateY(-20px) translateX(-50%);}
60% {transform: translateY(-10px) translateX(-50%);}
}


.containerA { height: 100vh; overflow-y: scroll;  scroll-snap-type: y mandatory;  scroll-behavior: smooth; }    


/* 头部 */
.header { width:100%; float: left; position:absolute; left:0; top:0; z-index:9999;  color:#fff; background:url(../images/navbg.png); }
.header .c1 { width:100%; float: left;  background:rgba(0,0,0,.0); padding:0 3%; }
.header .c1 .logo { float:left;  padding:13px 0; }
.header .c1 .logo img { float:left; height:50px; }
.header .c1 .logo .txt { float:left; margin-left:18px; font-size:20px; line-height:50px; }
.header .c1 .logo .txt b { font-weight:600; padding:0 6px; font-size:24px;  }
.header .c1 .data { float:right; font-size:16px;  padding:13px 0; line-height:50px;  }
.header .c1 .data span { padding:0 10px; }
.header .c1 .data b { font-weight:normal; }

.nav { width:100%; border-top:1px solid rgba(255,255,255,.2); float: left; background:rgba(0,0,0,.0);}
.nav ul { width:90%; max-width: 1200px; margin: 0 auto; overflow: hidden;  }
.nav ul li { float: left; width:10%; text-align: center;  }
.nav ul li font { color:#fff; font-size:20px; line-height:51px;  padding:0 0 0 0; display:inline-block; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.nav ul li span { height:3px; opacity:0; width:1%; background:#cc1e1d; overflow:hidden; display:block; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s; margin-top: -2px; margin:0 25%;}
.nav ul li:hover font { color:#cc1e1d; }
.nav ul li:hover span { opacity:1; width: 50%; }
.nav ul li.navon font { color:#fff;}  /*菜单经过停留效果*/
.nav ul li.navon span { opacity:1; width: 50%; } /*菜单经过停留效果*/


.haibao { width: 100%; float: left;  }
.haibao .swiper-container1 { width:100%; margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; height:100vh;  }
.haibao .swiper-wrapper {  position: relative; width:100%;  height:100%;  z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.haibao .swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.haibao .swiper-slide li { width:100%; height:100%; overflow:hidden; background-repeat:no-repeat; background-position:center top; background-size: cover;  position: absolute; }
.haibao .swiper-slide li a { width: 100%; height: 100%; display: inline-block; cursor: pointer;}
.haibao .swiper-slide li video { width: 100%; height: 100%; object-fit: fill;}
.haibao .swiper-slide li b { position:absolute; width:100%; height:100%; display:block; background:url(../images/tmbj.png);z-index: 5; }

.haibao .swiper-slide li h3 {  width:90%; max-width:1400px; margin: 0 auto; height: 100%; padding-bottom:15vh; display:flex; flex-directio:row;align-items:flex-end;  }
.haibao .swiper-slide li h3 em { max-width:55%; float: left;  background: linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.6),rgba(0,0,0,0)); padding:25px 40px 30px 0; }
.haibao .swiper-slide li h3 em span { width:100%; float:left; font-size:48px; font-weight:bold; line-height:1.3em; text-shadow: 3px 3px 5px rgba(0,0,0,.5); color:#fff;  }
.haibao .swiper-slide li h3 em p { width:100%; float:left; color:rgba(255,255,255,.8); font-size:20px; line-height:1.8em; margin-top:15px; text-shadow: 1px 1px 3px rgba(0,0,0,.5); }


.haibao .swiper-pagination1 { position:absolute; text-align:center;  z-index:10; bottom:0; padding:50px 0 40px 0;  left:0; width:100%; background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.7)));  }
.haibao .swiper-pagination-bullet { display:inline-block; zoom:1; line-height:99px; width:36px; height:36px; margin:0 8px; overflow:hidden; background: url(../images/tw01_write.png) center center no-repeat; cursor:pointer;}
.haibao .swiper-pagination-bullet-active{ background: url(../images/tw01_red.png) center center no-repeat; }



/*-----------------------------------第二屏---------------------------------------------*/

.c02 { background:url(../images/bg02.jpg) center center no-repeat; background-size: cover; }

.screen { height: 100vh; position: relative; }
.warph { width:90%; max-width: 1400px; display:flex; align-items: center; height:100%; margin: 0 auto;  }  
.conth { width: 100%; float:left; }

/*栏目*/
.hlm01 { width:100%; float:left; }
.hlm01 .s { width:100%; float:left; text-align:center; font-size:36px; color: #333; line-height:1em; margin-bottom:8vh;  }
.hlm01 .s span { padding:0 20px;}
.hlm01 .s:before { content:''; display:inline-block; width:32px; height:32px; vertical-align:top; background:url(../images/tw02_hui_l.png) left center no-repeat; background-size: cover;}
.hlm01 .s:after { content:''; display:inline-block; width:32px; height:32px; vertical-align:top; background:url(../images/tw02_hui_r.png) right center no-repeat; background-size: cover;}

.hlm02 { width:100%; float:left; }
.hlm02 .s span { padding:0 20px;}
.hlm02 .s { width:100%; float:left; text-align:center; font-size:36px; color: #fff; line-height:1em; margin-bottom:8vh;  }
.hlm02 .s:before  { content:''; display:inline-block; width:32px; height:32px; vertical-align:top; background:url(../images/tw02_write_l.png) left center no-repeat; background-size: cover;}
.hlm02 .s:after { content:''; display:inline-block; width:32px; height:32px; vertical-align:top; background:url(../images/tw02_write_r.png) right center no-repeat; background-size: cover;}

.active .hlm01,.active .hlm02 { -webkit-animation:lmdt .5s ease-out .5s backwards; animation:lmdt .5s ease-out .5s backwards; }
@keyframes lmdt
{
0%   {opacity:0; -webkit-transform:translateY(-50px); }
100% { opacity:1;}
}
@-webkit-keyframes lmdt
{
0%   {opacity:0; -webkit-transform:translateY(-50px); }
100% { opacity:1;}
}


/*文化资讯*/
.hwhjx { width:100%; float:left; position: relative;}
.hwhjx ul { display:flex; flex-wrap:wrap; }
.hwhjx ul li { width:22.5%; float:left; margin-right:2%; border:0px solid #eee; background:#fff; padding:20px 2% 10px 2%; 
-webkit-transition:-webkit-transform 0.3s ease-out;  transition:transform 0.3s ease-out;}
.hwhjx ul li h3 { width:100%; float:left; font-size:14px; color:#888; line-height:1.8em; }
.hwhjx ul li h1 { width:100%; float:left; font-size:20px; color:#333; line-height:1.5em; margin-top:10px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; }

.hwhjx ul li h2 { width:100%; float:left; margin-top:15px; }
.hwhjx ul li h2 img { width:100%; height:18vh; }

.hwhjx ul li h5 { width:100%; float:left; font-size:14px; color:#888; line-height:1.8em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;  margin:15px 0; }
.hwhjx ul li h4 { width:100%; float:left;  padding:15px 0; font-size:14px; color:#444; line-height:1.6em; border-top:1px solid #eeeeee; }


.hwhjx ul li:nth-child(4n){ margin-right:0%; }
.hwhjx ul li:hover h1 a { color:#9a2929; }
.hwhjx ul li:hover { box-shadow:0px 0px 10px rgba(0,0,0,.1); -webkit-transform: translateY(-30px);transform:translateY(-30px);}

.hwhjx ul li:nth-child(2n){ margin-top:30px; }
/*.hwhjx ul li:last-child { margin-right: 0; }*/




.more01 { position:absolute;  width:20px; font-size:16px; line-height:1; color:#444; right:0; bottom:0; cursor: pointer; }
.more01 a { -webkit-writing-mode: vertical-rl; writing-mode:vertical-rl; writing-mode:tb-rl; padding:10px 4px;}
.more01:before  { content: '';  display: inline-block; width:17px; height:17px; background: url(../images/tw03_hui_l.png) left top no-repeat;}
.more01:after { content: '';  display: inline-block; width:17px; height:22px; background: url(../images/tw03_hui_r.png) right bottom no-repeat;  }
.more01:hover a { color: #9a2929;}
.more01:hover:before { background-image: url(../images/tw03_red_l.png);}
.more01:hover:after  { background-image: url(../images/tw03_red_r.png);}


.active .news_dt1 { -webkit-animation:news1 .5s ease-out 1s backwards; animation:news1 .5s ease-out 1s backwards; }
@keyframes news1
{
0%   {opacity:0; -webkit-transform:translateY(-100px); }
100% { opacity:1;}
}
@-webkit-keyframes news1
{
0%   {opacity:0; -webkit-transform:translateY(-100px); }
100% { opacity:1;}
}

.active .news_dt2 { -webkit-animation:news2 .5s ease-out 1.5s backwards; animation:news2 .5s ease-out 1.5s backwards; }
@keyframes news2
{
0%   {opacity:0; -webkit-transform:translateY(100px); }
100% { opacity:1;}
}
@-webkit-keyframes news2
{
0%   {opacity:0; -webkit-transform:translateY(100px); }
100% { opacity:1;}
}

.active .news_dt3 { -webkit-animation:news3 .5s ease-out 2s backwards; animation:news3 .5s ease-out 2s backwards; }
@keyframes news3
{
0%   {opacity:0; -webkit-transform:translateY(-100px); }
100% { opacity:1;}
}
@-webkit-keyframes news3
{
0%   {opacity:0; -webkit-transform:translateY(-100px); }
100% { opacity:1;}
}

.active .news_dt4 { -webkit-animation:news4 .5s ease-out 2.5s backwards; animation:news4 .5s ease-out 2.5s backwards; }
@keyframes news4
{
0%   {opacity:0; -webkit-transform:translateY(100px); }
100% { opacity:1;}
}
@-webkit-keyframes news4
{
0%   {opacity:0; -webkit-transform:translateY(100px); }
100% { opacity:1;}
}




/*-----------------------------------第三屏---------------------------------------------*/
.c03 { background:url(../images/bg03.jpg) center center no-repeat; background-size: cover;}

/*地理温州*/
.dzx { width:100%; max-height: 560px;  height:65vh; float:left;  transform: translateY(50px); opacity: 0; transition: transform 0.5s ease 1s, opacity 0.5s ease 1s; }
.screen.active .dzx { transform: translateY(0);  opacity: 1; }

.dzxCon { width:100%; position:absolute; top:0; left:0; height:100%;}
.selection { width:20%; height:100%; float:left; position:relative; overflow:hidden; background-position:center center;  background-size:cover; }

.shover .selectionHover { background:rgba(0,0,0,.5); width:100%; height:100%; float:left; opacity:0; position:relative; -webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out; }

.shover:hover .selectionHover { opacity:1; }

.shover .dzxtit { position:absolute; left:10%; top:0; height:100%; padding:10% 0; display:flex; align-items: center;
-webkit-transition: left .5s, margin .3s;transition: left .5s, margin .3s;  }
.shover .dzxtit span { line-height:1.375em; color:rgba(255,255,255,.9); font-size:26px; text-shadow:2px 2px 5px rgba(0,0,0,.9); font-family:"ylmt"; writing-mode:vertical-lr; }
.shover:hover .dzxtit { left:5%; }





/*-----------------------------------第四屏---------------------------------------------*/
.c04 { background:url(../images/bg04.jpg) center center no-repeat; background-size: cover;}


/*文化人物*/
.whrw { width:100%; float:left; }
.whrw .list { width:40%; float:left; height: 60vh; transform: translateX(-250px); opacity: 0; transition: transform 0.5s ease .8s, opacity 0.5s ease .7s;  }
.screen.active .whrw .list { transform: translateX(0);  opacity: 1; }

.whrw .list ul { display: flex; flex-direction: column;  height:100%;  }  
.whrw .list ul li { width:100%; float:left; flex:1;  display: flex; align-items: center; /* justify-content: center; */  }
.whrw .list ul li h2 .xian { content: ''; position:absolute; width: 10%; bottom:50%; right:0; display: inline-block;  height: 1px; background: #ccc; }
.whrw .list ul li h2 { width:100%; float:left; line-height:1.5em; font-size:20px;  color: #333; overflow: hidden;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position:relative; padding:0 10% 0 0;  transition:all ease-out 1s 0s;-webkit-transition:all ease-out 1s 0s; }
.whrw .list ul li h2 b { width: 24px; height: 24px; display: inline-block; float: left; background:url(../images/tw01_hui.png) left center no-repeat; background-size: cover; margin-right: 10px;  }
.whrw .list ul li h2 a { color: #333; background: url(../images/bj02.png);}
.whrw .list ul li.active { color: #9a2929; }
.whrw .list ul li.active h2 a  { color:#9a2929; }
.whrw .list ul li.active h2 b {  background:url(../images/tw01_red.png) left bottom no-repeat; background-size: cover; }

/*.whrw .list ul li .s { position: relative; padding:0 42px; display: inline-block; vertical-align:top; }
.whrw .list ul li .s:before, .cxgs .list ul li .s:after { content: ''; position:absolute; top:0; bottom:0; width:22px; background:url(../images/fw02.png) no-repeat; }
.whrw .list ul li .s:before{ left:0; background-position:left;}
.whrw .list ul li .s:after{ right:0; background-position:right;}*/

.whrw .srcoll { width:60%; float:right;  transform: translateX(250px); opacity: 0; transition: transform 0.5s ease 1s, opacity 0.5s ease 1s;  }
.screen.active .whrw .srcoll { transform: translateX(0);  opacity: 1; }

.whrw .srcoll .img { width: 100%; height:60vh;  position:relative; }
.whrw .srcoll .img img { width:100%; height: 100%; }
.whrw .srcoll .txt { width: 100%; float: left; padding:3%; background:rgba(255,255,255,.9); position:absolute; bottom:0; }
.whrw .srcoll .txt span { font-size: 22px; color: #000; font-weight:600; line-height:1.5rem;  }
.whrw .srcoll .txt p { margin-top:15px;  font-size:15px;  color:rgba(0,0,0,.8); line-height: 1.5rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}





/*-----------------------------------第五屏---------------------------------------------*/
.c05 { background:url(../images/bg06.jpg) center center no-repeat; background-size: cover;}

/*文脉非遗*/
.lifecont { position:absolute; left:0; top:0; bottom:0; right:0; width:100%; height:100%; }

.life.i1 { position:absolute; top:0; left:4%; max-width:990px; width:55%;  }
.life.i2 { position:absolute; bottom:0; right:0; max-width:1100px; width:60%; }
.life img { width:100%;}

.active .life_dt1 { -webkit-animation:life1 1s ease-out 1s backwards; animation:life1 1s ease-out .5s backwards; }
@keyframes life1
{
0%   {opacity:0; -webkit-transform:translateY(-100%); }
100% { opacity:1;}
}
@-webkit-keyframes life1
{
0%   {opacity:0; -webkit-transform:translateY(-100%); }
100% { opacity:1;}
}

.active .life_dt2 { -webkit-animation:life2 1s ease-out 1.5s backwards; animation:life2 1s ease-out 1s backwards; }
@keyframes life2
{
0%   {opacity:0; -webkit-transform:translateY(100%); }
100% { opacity:1;}
}
@-webkit-keyframes life2
{
0%   {opacity:0; -webkit-transform:translateY(100%); }
100% { opacity:1;}
}

.active .life_dt3 { -webkit-animation:life3 .5s ease-out 2s backwards; animation:life3 .5s ease-out 1.5s backwards; }
@keyframes life3
{
0%   {opacity:0; -webkit-transform:translateX(50%); }
100% { opacity:1;}
}
@-webkit-keyframes life3
{
0%   {opacity:0; -webkit-transform:translateX(50%); }
100% { opacity:1;}
}

.active .life_dt4 { -webkit-animation:life4 .5s ease-out 2.5s backwards; animation:life4 .5s ease-out 2s backwards; }
@keyframes life4
{
0%   {opacity:0; -webkit-transform:translateX(-50%); }
100% { opacity:1;}
}
@-webkit-keyframes life4
{
0%   {opacity:0; -webkit-transform:translateX(-50%); }
100% { opacity:1;}
}

.lifefont { position:absolute; width:50%;  }
.lifefont.c1 { top:15%; padding:0 8%; right:0; text-align:right; }
.lifefont.c2 { bottom:14%; padding:0 8%; left:0;}

.lifefont .h30 span { padding:0 20px; }
.lifefont .h30 { width:100%; float:left;  margin-bottom:25px; line-height:1.5em; font-size:28px;  color:#fff;  }
.lifefont .h30:before  { content:''; display:inline-block; width:32px; height: 32px; background:url(../images/tw02_write_l.png) left center no-repeat; vertical-align: middle;}
.lifefont .h30:after { content:''; display:inline-block; width:32px; height: 32px; background:url(../images/tw02_write_r.png) right center no-repeat; vertical-align:middle;}

.lifefont .p { width: 100%; float: left; margin-bottom:30px; text-align:justify; text-justify:inter-ideograph; font-size:14px; line-height:1.8em; color:rgba(255,255,255,.8); text-indent:2em; overflow: hidden;  display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;  }


.t_more {  width: 100%; float:left;   }
.t_more .s { float:left;  text-align:center; font-size:1rem; color: #fff; line-height:1em; }
.t_more .s:before  { content: ''; display: inline-block; width:17px; height:17px; vertical-align:top; background:url(../images/tw03_write_l.png) left center no-repeat; background-size: cover; }
.t_more .s:after { content: ''; display: inline-block; width:17px; height:17px; vertical-align:top; background:url(../images/tw03_write_r.png) right center no-repeat; background-size: cover; }

.t_more .s:hover:before  { background:url(../images/tw03_red_l.png) left center no-repeat;}
.t_more .s:hover:after { background:url(../images/tw03_red_r.png) right center no-repeat;}
.t_more a { color:#fff; padding:0 15px; }
.t_more a:hover { color:#9a2929; }



/*-----------------------------------第六屏---------------------------------------------*/

.c06 { background: url(../images/footer.jpg) bottom center no-repeat;}
.c06t { background: url(../images/footer.jpg) top center no-repeat;  position:absolute; width:100%; height:100%; top:0; bottom:0; }


.picb { width:100%; float:left; margin:0 0 5vh 0; }
.picb ul li { width:32%; margin-right:2%; float:left; position:relative; overflow:hidden; border-radius:10px;height:16vh; }
.picb ul li font { width:100%; line-height:1.5em;  height: 100%; display:flex; align-items: center; justify-content: center; position:absolute; font-size:26px; text-shadow:1px 1px 5px rgba(0,0,0,1); color:#fff;  z-index:5 }
.picb ul li img { width:100%; height:100%; border-radius:10px;}
.picb ul li:nth-child(3n){ margin-right:0; }

.amn img { width:100%; -webkit-transition: transform .5s;transition: transform .5s;}
.amn:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}

.fontbot { width:100%; float:left;  font-size:16px; line-height:1.5em;  text-align:center; margin-bottom:5vh; }
.fontbot ul li {  width:23.5%; float:left;  text-align:center; margin:7px 2% 7px 0; }
.fontbot ul li a { width:100%; display:inline-block; background:#fff; padding:15px 0; color:#333; border-radius:10px; transition:all ease-out .25s 0s; -webkit-transition:all ease-out .25s 0s; }
.fontbot ul li a:hover { color:#fff; background:#9a2929; }
.fontbot ul li:nth-child(4n){ margin-right:0%; }


.copy { width:100%; float:left; font-size:15px; line-height:28px; text-align:center; color:#9a2929; }
.copy a { color:#555; padding:0 0 0 15px; }
.copy a:hover { color:#9a2929; }


/*-----------------------------------列表页---------------------------------------------*/


.warp { width:1200px; margin:0 auto; overflow:hidden; }


/* 头部 */
.header2 { width:100%; float: left;  color:#333; background:#fff; }
.header2 .c1 { width:100%; float: left; padding:0 3%; }
.header2 .c1 .logo { float:left;  padding:13px 0; }
.header2 .c1 .logo img { float:left; height:50px; }
.header2 .c1 .logo .txt { float:left; margin-left:18px; font-size:20px; line-height:50px; }
.header2 .c1 .logo .txt b { font-weight:600; padding:0 6px; font-size:24px;  }
.header2 .c1 .data { float:right; font-size:16px;  padding:13px 0; line-height:50px;  }
.header2 .c1 .data span { padding:0 10px; }
.header2 .c1 .data b { font-weight:normal; }

.nav2 { width:100%;float: left;  border-top:1px solid #f1f1f1; }
.nav2 ul { width:90%; max-width: 1200px; margin: 0 auto; overflow: hidden;  }
.nav2 ul li { float: left; width:10%; text-align: center;  }
.nav2 ul li font { color:#444; font-size:20px; line-height:51px;  padding:0 0 0 0; display:inline-block; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.nav2 ul li span { height:3px; opacity:0; width:1%; background:#cc1e1d; overflow:hidden; display:block; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s; margin-top: -2px; margin:0 25%;}
.nav2 ul li:hover font { color:#cc1e1d; }
.nav2 ul li:hover span { opacity:1; width: 50%; }
.nav2 ul li.navon font { color:#444;}  /*菜单经过停留效果*/
.nav2 ul li.navon span { opacity:1; width: 50%; } /*菜单经过停留效果*/



/*当前位置*/
.dqwz { width:1200px;  font-size:14px; line-height:18px; background: url(../images/home.png) left center no-repeat; padding:0 0 0 22px; color:#444; margin:30px 0 10px 0;   }
.dqwz b { padding:0 12px; }
.dqwz a { color:#444; }
.dqwz a:hover { color:#9a2929; }

.lm { width:100%; float:left; margin:45px 0; }
.lm .s { width:100%; float:left; text-align:center; font-size:36px; color: #333; line-height:1em;  }
.lm .s span { padding:0 20px;}
.lm .s:before { content:''; display:inline-block; width:32px; height:32px; vertical-align:top; background:url(../images/tw02_hui_l.png) left center no-repeat; background-size: cover;}
.lm .s:after { content:''; display:inline-block; width:32px; height:32px; vertical-align:top; background:url(../images/tw02_hui_r.png) right center no-repeat; background-size: cover;}



.list-mod { width:100%; float:left;color:#333;}
.list-mod ul li {  width:100%; float:left; padding:33px 55px 33px 52px; background: url(../images/newsbj.jpg) no-repeat; margin-bottom:20px; }
.list-mod ul li h1 { width:40%; height:248px; overflow:hidden; float:left; margin-right:5%; }
.list-mod ul li h1 img { overflow:hidden;  width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size: cover; -webkit-transition: transform .5s;transition: transform .5s;}
.list-mod ul li:hover h1 img {-webkit-transform: scale(1.05);transform: scale(1.05);}
.list-mod ul li h2 { height:248px; overflow: hidden; font-size:14px; line-height:21px; }
.list-mod ul li h2 span { width:100%; float:left; margin: 9px 0 17px 0; font-size: 20px; color: #333;line-height: 1.5em;}
.list-mod ul li:hover h2 span { color: #9a2929;  }
.list-mod ul li h2 b { width:100%; float:left; position:relative; margin-bottom:16px; overflow: hidden; font-size: 14px; color: #888;  line-height: 23px; }
.list-mod ul li h2 b:before { content: ''; position: absolute; left: 0; right: 0; top: 48%; border-top: 1px solid #dadada;}
.list-mod ul li h2 b .s { position: relative; float: left; padding-right:45px; background: url(../images/time_ico.png) right top no-repeat #fff; }
.list-mod ul li h2 p { width:100%; float:left; font-size: 14px; color: #888; line-height: 1.8em;  display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 38px;}

/*.list-mod ul li:hover h2 b { color: #9a2929;  }
.list-mod ul li:hover h2 b .s { background: url(../images/time_ico.png) right bottom no-repeat #fff; }
.list-mod ul li:hover h2 b:before { border-top: 1px solid #9a2929; }*/

.l_more {  width: 100%; float:left;  }
.l_more .s { float:left;  text-align:center; font-size:1rem; color: #333; line-height:1em; }
.l_more .s:before  { content: ''; display: inline-block; width:17px; height:17px; vertical-align:top; background:url(../images/tw03_hui_l.png) left center no-repeat; background-size: cover; }
.l_more .s:after { content: ''; display: inline-block; width:17px; height:17px; vertical-align:top; background:url(../images/tw03_hui_r.png) right center no-repeat; background-size: cover; }

.l_more .s:hover:before  { background:url(../images/tw03_red_l.png) left center no-repeat;}
.l_more .s:hover:after { background:url(../images/tw03_red_r.png) right center no-repeat;}
.l_more em { color:#333; padding:0 10px; }
.l_more em:hover { color:#9f1300; }


.page { width:100%;  float:left; padding:40px 0 30px 0; font-size:15px; overflow:hidden; text-align:center; }
.page a { color:#333;  margin:0 5px; width:34px; line-height:34px; display: inline-table; }
.page a:hover { background:#9a2929; color:#fff; border-radius:50%; text-decoration:none; }
.page span.current { background:#9a2929; color:#fff; display:inline-table; border-radius:50%; width:34px;  line-height:34px;  margin: 0 5px;}

.page a.prev ,.page a.next { width: 60px !important; background: rgba(255,255,255,.5) !important; padding:2px 6px 2px 6px !important; }

.page a.prev:hover ,.page a.next:hover { color: #fff !important;  background:#9a2929 !important; }

#jumppageId  { width: 60px !important; margin: 0 5px !important; }



/*友情链接*/
.footer { width:100%; float:left;  font-size:15px; line-height:28px; color:#555; text-align:center; padding:50px 0 80px 0; border-top:1px solid #d8d8d8; background:url(../images/footer.jpg) center bottom no-repeat; }
.footer span { width:100%; float:left; text-align:center;  }
.footer span b { padding:0 12px; font-size:10px; color:rgba(0,0,0,.2);}
.footer span i { font-weight:bold; margin-right:5px;}

.footer p { width:100%; float:left; text-align:center;   } 
.footer p em { }
.footer p a { padding:0 0 0 15px; }



/*-------------------------------------正文页--------------------------------------------*/

.article { width:100%; float:left; padding:50px 0 35px 0;  position:relative; }

.tit { width:100%; float:left; font-size:26px;  color:#9a2929; line-height:1.8em; font-weight:bold;  text-align:center; padding:0 0 10px 0; }
.info { width:100%; float:left;  font-size:14px; text-align:center; line-height:1.5rem;  }
.info span { padding:0 22px; color:#666; margin:0 10px; }
.info span.ico1 { background:url(../images/png34.png) left center no-repeat;  }
.info span.ico2 { background:url(../images/png36.png) left center no-repeat;  }


.t_line { position:absolute; left:0; right:0; bottom:0; height:17px;  }
.t_line .bd{ position: absolute; left: 30px; right: 30px; bottom: 5px; border-top: 1px solid #d8d8d8;}
.t_line:before, .t_line:after{ content: ''; position:absolute; top: 0; width:30px; height: 17px; background: url(../images/line.png) no-repeat;}
.t_line:before{ left: 0; background-position: left;}
.t_line:after{ right: 0; background-position: right;}




.article2 { width:100%; float:left; padding:0; margin-top:30px;  }

.article_player { width:80%; margin:0 auto ; }
#player { width: auto; height:auto; }


.article2 .zw { width:100%; float:left; padding:5% 0;  color:#333; line-height:2em; font-size:17px; }
.article2 .zw p { padding:0 0 30px 0; }
.article2 .zw img { max-width:80%; height:auto; margin:10px 0; }

.article2 center img { max-width:80%; height:auto; margin:10px 0; }

.article2 .zw .txt { width:100%; float:left; font-size:14px; color:#777; text-align:right; padding:10px 0; }
.article2 .zw .txt em { background:url(../images/png35.png) left center no-repeat; padding:0 0 0 22px;}
.article2 .zw .txt em b { font-size:10px; padding:0 8px;  color:#999; }


.header_mob { display: none;}


@media screen and (max-width:800px){
.header2 { display:none; }

.header_mob { width:100%; position: fixed; left:0; top:0; z-index:78; height: 3rem; background:#fff;  color:#333; padding:0 3%; display:flex; align-items:center;  justify-content: space-between;  }

.header_mob .logo { float:left;  }
.header_mob .logo img { float:left; width:auto; height:1.6rem; margin-top:0.15rem; }
.header_mob .logo .txt { float:left; margin-left:.6rem; font-size:1rem; line-height:2rem;}
.header_mob .logo .txt b { font-weight:600; padding:0 6px; }

.model_btn .toggleMenu { display:none;}
.model_btn { float: right;  }
.model_btn .toggleMenu { position:relative; display:block; right:0;}
.model_btn .toggleMenu i { font-size:1.5rem; line-height:2rem; color:#333;  }

.model_menu { display:none; position:absolute; z-index:99999; right:0; top:3rem; width:50%;  height:calc(100vh - 3rem); background:rgba(255,255,255,.9); text-align: center; padding:4% 0; }
.model_menu ul li { width:100%; float:left; margin:2.5% 0;  }
.model_menu ul li a { width:70%; color:#333; display:inline-block; text-align:center; font-size:1rem; line-height:2.5rem; border:1px solid #333; border-radius:1.5rem;}
	

.warp { width:100%; padding:0 5%; margin-top:3.5rem;  }

.dqwz { display:none; }

.lm { width:100%; float:left; margin:5% 0;}
.lm .s { width:100%; float:left; text-align:center; font-size:1.5rem; color: #333; line-height:1.2em; }
.lm .s span { padding:0 .9rem;}
.lm .s:before { content:''; display:inline-block; width:1.5rem; height:1.5rem; vertical-align:top; background:url(../images/tw02_hui_l.png) left center no-repeat; background-size: cover;}
.lm .s:after { content:''; display:inline-block; width:1.5rem; height:1.5rem; vertical-align:top; background:url(../images/tw02_hui_r.png) right center no-repeat; background-size: cover;}


.list-mod { width:100%; float:left; }
.list-mod ul li { width:100%; float:left; padding:6% 6% 8% 6%; background: url(../images/newsbj_mob.jpg) no-repeat; background-size:100% 100%; margin-bottom:3%; }
.list-mod ul li h1 { width:100%; height:12rem;  margin-right:0; }
.list-mod ul li:hover h1 img {-webkit-transform: scale(1);transform: scale(1);}
.list-mod ul li h2 { width:100%; height:auto; overflow: hidden; font-size:.9rem; line-height:1.5em; padding:0 4%; }
.list-mod ul li h2 span {  margin:1rem 0 .5rem 0; font-size:1.1rem;  line-height:1.5em;}
.list-mod ul li:hover h2 span { color: #333;  }
.list-mod ul li h2 b { width:100%; float:left; position:relative; margin-bottom:.7rem; overflow: hidden; font-size: 14px; color: #888;  line-height: 23px; }
.list-mod ul li h2 b:before { content: ''; position: absolute; left: 0; right: 0; top: 48%; border-top: 1px solid #dadada;}
.list-mod ul li h2 b .s { position: relative; float: left; padding-right:45px; background: url(../images/time_ico.png) right top no-repeat #fff; }
.list-mod ul li h2 p { width:100%; float:left; font-size:.9rem; color: #888; line-height: 1.6em;  display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 3; overflow: hidden; margin-bottom:6%;}


.l_more .s { font-size:.9rem;  line-height:1em; }
.l_more .s:before  {  width:.9rem; height:.9rem;  }
.l_more .s:after {  width:.9rem; height:.9rem;   }
.l_more em:hover { color:#333; }
	

.page { width:100%;  float:left; padding:5% 0; font-size:.9rem; overflow:hidden; text-align:center; }
.page a { color:#333;  margin:0 3px; width:2rem; line-height:2rem; display: inline-table; }
.page a:hover { background:#9a2929; color:#fff; border-radius:50%; text-decoration:none; }
.page span.current { background:#9a2929; color:#fff; display:inline-table; border-radius:50%; width:2rem; line-height:2rem; margin: 0 3px;}


.footer { width:100%; float:left; color:#777; font-size:.9rem; line-height:1.4rem;  text-align:center; padding:.8rem 5%;  background:#fff; margin-top:2%;  border-top:0 solid #d8d8d8;}
.footer span { width:100%; float:left; text-align:center;  margin-bottom:.2rem }
.footer span b { padding:0 .3rem; font-size:.6rem; color:rgba(0,0,0,.2);}
.footer span i { font-weight:bold; margin-right:5px; display:none;}
.footer p { width:100%; float:left; text-align:center;  margin-top:0; } 
.footer p em { display:none; }






/*-----------------------------------------------------正文页-------------------------------------------------------------*/



.article { width:100%; float:left; padding:6% 3%;  }

.tit { width:100%; float:left; font-size:1.3rem; line-height:2rem; font-weight:bold; text-align:left; padding:0 0 12px 0; }
.info { width:100%; float:left; font-size:.9rem; text-align:left; line-height:1.375rem; }
.info span { width:100%; float:left; padding:0 0 0 22px; color:#333; margin:0 0; }



.t_line { position:absolute; left:0; right:0; bottom:0; height:17px;  }
.t_line .bd{ position: absolute; left:5%; right:5%; bottom: 5px; border-top: 1px solid #d8d8d8;}
.t_line:before, .t_line:after{ content: ''; position:absolute; top: 0; width:30px; height: 17px; background: url(../images/line.png) no-repeat;}
.t_line:before{ left: 0; background-position: left;}
.t_line:after{ right: 0; background-position: right;}

.t_line{ height: 0.17rem;}
.t_line::before, .t_line::after{ width: 0.3rem; height: 0.17rem; background-size: 200%;}
.t_line::before{}
.t_line::after{}
.t_line .bd{ left: 0.3rem; right: 0.3rem; bottom: 0.05rem;}

.article_player { width:100%; margin:0 auto; }

.article2 { width:100%; float:left; margin-top:5%; }

.article2 .zw { width:100%; float:left; padding:5% 0 0 0;  color:#333; line-height:1.75rem; font-size:1rem; }
.article2 .zw p { padding:0 0 1rem 0; }
.article2 .zw img { max-width:100%; height:auto; margin:.5rem 0; }

.article2 center img { max-width:100%;height:auto;margin:.5rem 0; }

.article2 .zw .txt { width:100%; float:left; font-size:.9rem; line-height:1.5rem; color:#666; text-align:right; padding:2% 0; }
.article2 .zw .txt em b { padding:0 2%;   }

}