@charset "utf-8";
/*==========字体 开始==========*/
/*可替换 开始*/
@font-face{font-family:"ydiconfont";src:url('//at.alicdn.com/t/font_2289826_4vnl1a5ilf9.woff2?t=1627635534963') format('woff2'),url('//at.alicdn.com/t/font_2289826_4vnl1a5ilf9.woff?t=1627635534963') format('woff'),url('//at.alicdn.com/t/font_2289826_4vnl1a5ilf9.ttf?t=1627635534963') format('truetype')}.ydiconfont{font-family:"ydiconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ydicon-shape4:before{content:"\e630"}.ydicon-shape5:before{content:"\e63c"}.ydicon-shape2:before{content:"\e652"}.ydicon-shape3:before{content:"\e631"}.ydicon-shape6:before{content:"\e649"}.ydicon-shape1:before{content:"\ea6a"}.ydicon-xsj1:before{content:"\e810"}.ydicon-xsj2:before{content:"\e62d"}.ydicon-xsj3:before{content:"\e644"}.ydicon-mulu:before{content:"\e62a"}.ydicon-show1:before{content:"\e629"}.ydicon-dot5:before{content:"\e619"}.ydicon-dot6:before{content:"\e623"}.ydicon-dot1:before{content:"\e618"}.ydicon-dot2:before{content:"\e628"}.ydicon-dot3:before{content:"\e615"}.ydicon-dot4:before{content:"\e616"}.ydicon-wangzhi:before{content:"\e622"}.ydicon-hh3:before{content:"\e69f"}.ydicon-hh:before{content:"\e6e0"}.ydicon-wangwang:before{content:"\e6c4"}.ydicon-wangwang1:before{content:"\e6ad"}.ydicon-hh1:before{content:"\e625"}.ydicon-qr1:before{content:"\e611"}.ydicon-MSN:before{content:"\e626"}.ydicon-qr2:before{content:"\e646"}.ydicon-hh2:before{content:"\e663"}.ydicon-qq2:before{content:"\e665"}.ydicon-msn1:before{content:"\e997"}.ydicon-skype:before{content:"\e915"}.ydicon-wx1:before{content:"\e640"}.ydicon-fb1:before{content:"\e613"}.ydicon-qq1:before{content:"\e79d"}.ydicon-phone2:before{content:"\e614"}.ydicon-msn2:before{content:"\e6ba"}.ydicon-gotop1:before{content:"\e67a"}.ydicon-gotop2:before{content:"\e67b"}.ydicon-gotop3:before{content:"\e624"}.ydicon-gotop4:before{content:"\e605"}.ydicon-gotop5:before{content:"\e65a"}.ydicon-gotop6:before{content:"\e67f"}.ydicon-gotop7:before{content:"\e660"}.ydicon-gotop8:before{content:"\e673"}.ydicon-gotop9:before{content:"\e612"}.ydicon-gotop10:before{content:"\e653"}.ydicon-gotop11:before{content:"\e802"}.ydicon-gotop12:before{content:"\e603"}.ydicon-gotop13:before{content:"\e6b4"}.ydicon-gotop14:before{content:"\e63f"}.ydicon-gotop15:before{content:"\e729"}.ydicon-gotop16:before{content:"\e60f"}.ydicon-gotop17:before{content:"\e66f"}.ydicon-gotop18:before{content:"\e604"}.ydicon-gotop19:before{content:"\e627"}.ydicon-gotop20:before{content:"\e703"}.ydicon-gotop21:before{content:"\e62f"}.ydicon-gotop22:before{content:"\e670"}.ydicon-gotop23:before{content:"\e610"}.ydicon-nothing:before{content:"\e64c"}.ydicon-badge-right:before{content:"\e60e"}.ydicon-add1:before{content:"\e620"}.ydicon-add:before{content:"\e728"}.ydicon-yes1:before{content:"\e6a6"}.ydicon-no1:before{content:"\e6a8"}.ydicon-no:before{content:"\e61e"}.ydicon-yes:before{content:"\e60c"}.ydicon-hit1:before{content:"\e62c"}.ydicon-hit:before{content:"\e61a"}.ydicon-address:before{content:"\e609"}
.ydicon-search:before{content:"\e60b"}.ydicon-prev:before{content:"\e60a"}.ydicon-next:before{content:"\e602"}.ydicon-youjian:before{content:"\e61b"}.ydicon-lianxiren:before{content:"\e60d"}.ydicon-dianhua:before{content:"\e606"}.ydicon-WB:before{content:"\e651"}.ydicon-WX:before{content:"\e691"}.ydicon-shouji:before{content:"\e63b"}.ydicon-wangzhan:before{content:"\e601"}.ydicon-weixin:before{content:"\e62e"}.ydicon-qq:before{content:"\e683"}.ydicon-youbian:before{content:"\e693"}.ydicon-dianhua1:before{content:"\e607"}.ydicon-FB:before{content:"\e608"}.ydicon-fax-full:before{content:"\e932"}.ydicon-Facebook:before{content:"\e711"}.ydicon-right4:before{content:"\e67d"}.ydicon-left4:before{content:"\e67e"}.ydicon-phone:before{content:"\e6c2"}.ydicon-left3:before{content:"\e726"}.ydicon-left1:before{content:"\e621"}.ydicon-right3:before{content:"\e727"}.ydicon-more1:before{content:"\e742"}.ydicon-more:before{content:"\e633"}.ydicon-right1:before{content:"\e62b"}.ydicon-play:before{content:"\e63a"}.ydicon-left:before{content:"\e61c"}.ydicon-right:before{content:"\e61d"}.ydicon-call:before{content:"\e7c0"}.ydicon-home:before{content:"\e617"}.ydicon-contact:before{content:"\e600"}.ydicon-product:before{content:"\e61f"}

/*可替换 结束*/
[class*='ydicon-']{ font-family: "ydiconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.ydicon-play:before { display: inline-block; border-radius: 50%; background: rgba(0,0,0,.5); height: 46px; width: 46px; line-height: 46px; font-size: 22px; color: #FFF; text-align: center; }
/*==========字体 结束==========*/

/*==========组件公共 开始==========*/
[yd-animation]{ opacity: 0; }
.component .yd-table{ margin: 0 auto; }
/*隐藏显示 2仅电脑端显示 3仅移动端显示*/
.display3{ display: none; }
@media screen and (max-width: 1199px) {
	.display2{ display: none; }
	.display3{ display: block; }
}
/*列表列数（每行个数%）*/
.column1{ width: 100% !important; float: left; }
.column2{ width: 50% !important; float: left; }
.column3{ width: 33.33333% !important; float: left; }
.column4{ width: 25% !important; float: left; }
.column5{ width: 20% !important; float: left; }
.column6{ width: 16.66666% !important; float: left; }
.column7{ width: 14.285% !important; float: left; }
.column8{ width: 12.5% !important; float: left; }
.column9{ width: 11.11111% !important; float: left; }
.column10{ width: 10% !important; float: left; }

.component{ width: 100%; position: relative; overflow: hidden; }
.component:after{ content: ''; display: block; clear: both; }
.component i{ font-style: normal; }
.component .TPagePicture img{ display: block; width: 100%; }
/*列表每行个数（px）*/
.component .col2{ width: 720px; }
.component .col3{ width: 480px; }
.component .col4{ width: 360px; }
.component .col5{ width: 288px; }
.component .col6{ width: 240px; }

.component .has-infoscontent0 .InfoSContent{ display: none; }
.component .show-infotitle0 .InfoTitle{ display: none; }
.component .show-infoscontent0 .InfoSContent{ display: none; }
.component .show-infotime0 .InfoTime{ display: none; }

.component_title>h2{ font-size: 32px; text-align: center; font-weight: normal; }
.component_title>h2.h2_2 { position:relative; padding-bottom:10px; margin-bottom:0px; }
.component_title>h2.h2_2:before { content:""; position:absolute; left:50%; bottom:0; width:100px; height:2px; margin-left:-50px; background:#ccc; }
.component_title>img { display:block; margin:0 auto; max-width:100%; }
.component_title>p{ text-align: center; font-size: 18px; color: #888; padding: 10px 0 20px; }

/*公共列表样式（无边白底等）*/
.component .list-style1 a{ background-color: #FFF; }
.component .list-style1 .InfoWrap{ padding-left: 10px; padding-right: 10px; }
.component .list-style2 a{ background-color: #FFF; box-shadow: 0 10px 20px rgba(0,0,0,.15); }
.component .list-style2 .InfoWrap{ padding-left: 10px; padding-right: 10px; }
.component .list-style3 a{ background-color: #FFF; border: 1px solid #ddd; }
.component .list-style3 .InfoWrap{ padding-left: 10px; padding-right: 10px; }
/*是否全屏*/
.full-width0{ max-width: 1440px; margin: 0 auto; }
html .component .full-width1{ max-width: 100%; }
/*particles-js-canvas-el 背景*/
.particles-js-canvas-el{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
[yd-particle-in="1"] .particles-js-canvas-el{ z-index: -1; }
/*文本排布方式*/
.component .tb_rl{ writing-mode: tb-rl; }/*垂直*/
/*按钮（更多按钮）*/
.component .more_btn span{ display: inline-block; text-align: center; }
/*提交按钮*/
.component .submit_button{ cursor: pointer; border: 0; margin: 0; padding: 0; }

/*内页侧边栏*/
.sidebar{ overflow: hidden; }
.sidebar_title h2 { margin: 12px 0; text-align: left; padding-left: 8px; margin-left: 10px; line-height: 1; border-left: 2px solid #000; font-size:16px; }
.sidebar_body { zoom:1; border-top:0; border-bottom: 0px}
/*公共*/
.sidelist a{ display: block; }
.sidelist li:last-child a{ border-bottom: 0; }
/*纯文字列表*/
.text-sidelist{ margin: 0 10px 10px; }
.text-sidelist a{ border-bottom: 1px solid #ddd; overflow: hidden; }
.text-sidelist a .InfoTitle{ padding: 10px 0; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.text-sidelist a .InfoPicture{ display: none; }
.text-sidelist a .InfoPrice{ color: red; padding-bottom: 10px; }
/*左图右文*/
.thumb-sidelist{  }
.thumb-sidelist li{ overflow: hidden; }
.thumb-sidelist a{ margin: 0 10px; padding: 10px 0; border-bottom: 1px solid #ddd; overflow: hidden; }
.thumb-sidelist a .InfoPicture{ float: left; width: 90px; margin-right: 8px; }
.thumb-sidelist a .InfoPicture img{ border-radius: 4px; }
.thumb-sidelist a .InfoTitle{ line-height: 1.4em; overflow: hidden; text-align: left; }
.thumb-sidelist a .InfoTime{ font-size: 13px; }
.thumb-sidelist a .InfoPrice{ color: red; }
/*上图下文*/
.grid-sidelist{ padding: 0 10px; }
.grid-sidelist a{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
.grid-sidelist a .InfoPicture{ width: 100%; margin-right: 10px; }
.grid-sidelist a .InfoTitle{ line-height: 1.5em; padding-top: 5px; }
.grid-sidelist a .InfoPrice{ color: red; }
/*内页侧边栏*/
/*按钮*/
input[type="radio"],input[type="checkbox"],select{ -webkit-appearance:auto !important; }
/*==========组件公共 结束==========*/

/*==========在线客服 开始==========*/
/*默认蓝色*/
/*.SonlineBox{ overflow: hidden; }*/
.SonlineBox{ z-index: 999999990; }
.SonlineBox .contentBox{ border-radius:6px;}
.SonlineBox .openTrigger{ width: 50px; height: 50px; line-height: 50px; text-align: center; position:absolute; top:0px; border-radius: 6px; z-index:1; cursor:pointer; background:#2589ff; box-shadow: 0 0 9px 0 rgba(0,0,0,0.1); }
.SonlineBox .openTrigger:before{ content: '\e6e0'; font-family: 'ydiconfont'; font-size: 30px; color: #FFF; }
.SonlineBox1{ width:162px; font-size:12px; top:-600px; z-index:9999;}
.SonlineBox1 .titleBox{ width:100%; height:35px; line-height:35px; background:#2589ff; position:relative; z-index:1;}
.SonlineBox1 .titleBox span{ margin-left:10px; color:#fff; font-size:14px; font-family:'微软雅黑','黑体';}
.SonlineBox1 .contentBox{ display:block; min-width: 160px; width:100%; height:auto; border:2px solid #2589ff; overflow:hidden; background:#fff; position:absolute; z-index:2; }
.SonlineBox1 .contentBox .closeTrigger{ width:25px; height:25px; text-align: center; line-height: 25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px; z-index:2; }
.SonlineBox1 .contentBox .closeTrigger:before{ content: '\e61e'; font-family: 'ydiconfont'; font-weight: bold; color: #FFF; }
.SonlineBox1 .contentBox .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox1 .contentBox .listBox{overflow:hidden; margin:6px 0; position:relative;}
.SonlineBox1 .contentBox .listBox .QQList{ display:block; width:100%; margin:5px auto 5px auto; padding:0px 0;}
.SonlineBox1 .contentBox .listBox .QQList span{ display:block; width:47%; height:25px; overflow:hidden; text-align:right;float:left; line-height:26px; color:#444;}
.SonlineBox1 .contentBox .listBox .QQList div.ico{ width:52%; height:25px; overflow:hidden; float:left;}
.SonlineBox1 .contentBox .listBox .QQList div.ico a{}
.SonlineBox1 .contentBox .listBox .QrList{ margin: 10px 20px; text-align: center; }
.SonlineBox1 .contentBox .listBox .QrList img{ width: 100%; max-width: 130px; margin-bottom: 5px; }
.SonlineBox1 .contentBox .listBox .QrList span{ display: block; color: #515259; }
.SonlineBox1 .contentBox .listBox .TelList a{ line-height: 26px; color: #0d84ff; }
.SonlineBox1 .contentBox .listBox .LinkList{ margin: 5px 10px; color: #0d84ff; }

.SonlineBox1 .contentBox .tels{ width:90%; margin:0 auto; border-top:1px dotted #ccc; height:auto; padding-bottom:10px; line-height:200%; text-align:center;}
.SonlineBox1 .contentBox .tels font{ display:block; line-height:35px; font-family:'微软雅黑','黑体'; font-size:16px; color:#555;}
.SonlineBox1 .contentBox .tels span{ display:block; line-height:25px; font-family:"Palatino Linotype", "Book Antiqua"; font-size:20px; color:#555; font-weight:bold;}

/*样式2 3*/
.SonlineBox2{ margin-left: 5px; }
.SonlineBox2 .titleBox{ display: none; }
.SonlineBox2 .contentBox{ position: relative; border: 0 !important; }
.SonlineBox2 .contentBox .listBox .item{ position: relative; width: 50px; margin: 10px 0; text-align: center; background:#FFF; color: #2589ff; font-size: 25px; border-radius:6px; transition-duration: .2s;
	box-shadow: 0 0 9px rgba(0,0,0,.1);
	display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.SonlineBox2 .contentBox .listBox .item a{ display: block; }
.SonlineBox2 .contentBox .listBox .item span.title{ display: none; font-size: 12px; text-align: center; white-space: nowrap; line-height: 1.2em; }
.SonlineBox2 .contentBox .listBox .item .float_box{ position: absolute; left: 125%; transform: translateX(30px); top: 0; bottom: 0; margin: auto; font-size: 14px; color: #313233; visibility: hidden; opacity: 0; transition: .5s .1s; }
.SonlineBox2 .contentBox .listBox .item .float_box span.triangle{ top: 12px; left: -11px; position: absolute; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 11px solid #FFF; z-index: 1; }
.SonlineBox2 .contentBox .listBox .item .float_box.tel{ width: 145px; background-color: #FFF; box-shadow: 0 0 9px rgba(0,0,0,.1); border: 1px solid #e4e5e9; height: 36px; line-height: 36px; text-indent: 10px; text-align: left; border-radius: 6px; }
.SonlineBox2 .contentBox .listBox .item .float_box.tel span.triangle{ top: 12px !important; }
.SonlineBox2 .contentBox .listBox .item .float_box.qr{ bottom: auto; border-radius: 6px; background-color: #FFF; padding: 4px; line-height: 1.5em; box-shadow: 0 0 9px rgba(0,0,0,.1); }
.SonlineBox2 .contentBox .listBox .item .float_box.qr img{ width: 140px; }
.SonlineBox2 .contentBox .listBox .item.footer:before{ content: "···"; }
.SonlineBox2 .contentBox .listBox .item:hover{ opacity: .9; }
.SonlineBox2 .contentBox .listBox .item:hover .float_box{ transform: translateX(0px); visibility: visible; opacity: 1; }

.SonlineBox2 .contentBox .tels{ position: absolute; left: 125%; bottom: 0; transform: translate(30px); background-color: #FFF; box-shadow: 0 0 9px rgba(0,0,0,.1); border-radius: 6px; visibility: hidden; opacity: 0; padding: 10px; transition: .5s .1s; }
.SonlineBox2 .contentBox .tels.show{ transform: translate(0px); visibility: visible; opacity: 1; }
.SonlineBox2 .contentBox .tels:after{ content: ""; bottom: 20px; margin-top: -32px; left: -11px; position: absolute; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 11px solid #FFF; z-index: 1; }

.SonlineBox2.positionright{ margin-right: 5px; }
.SonlineBox2.positionright .contentBox .listBox .item .float_box{ left: auto; right: 125%; transform: translateX(-30px); }
.SonlineBox2.positionright .contentBox .listBox .item .float_box span.triangle{ left: auto; right: -11px; border-left: 11px solid #FFF; border-right: 0; }
.SonlineBox2.positionright .contentBox .listBox .item:hover .float_box{ transform: translateX(0px); visibility: visible; opacity: 1; }
.SonlineBox2.positionright .contentBox .tels{left: auto; right: 125%; transform: translate(-30px); }
.SonlineBox2.positionright .contentBox .tels.show{ transform: translate(0px); visibility: visible; opacity: 1; }
.SonlineBox2.positionright .contentBox .tels:after{ left: auto; right: -11px; border-left: 11px solid #FFF; border-right: 0; }

#topcontrol{ z-index: 9999; }
@media screen and (max-width: 768px) {
	/*gotop*/
	#topcontrol{ z-index: 9999; }
	#topcontrol .yd-gotop{ width: 45px !important; height: 45px !important; line-height: 45px !important; }
	#topcontrol .yd-gotop i{ font-size: 25px !important; }

	.SonlineBox1 .contentBox{
		max-width: 200px;
	}

	.SonlineBox2{ width: auto !important; font-size: 12px; }
	.SonlineBox2 .openTrigger{ width: 45px; height: 45px; line-height: 45px; }
	.SonlineBox2 .contentBox { width: auto !important; }
	.SonlineBox2 .contentBox .listBox .item{ width: 45px !important; font-size: 10px; height: 45px !important; }
	.SonlineBox2 .contentBox .listBox .item span.title{ font-size: 10px; }
	.SonlineBox2 .contentBox .listBox .item i{ font-size: 22px !important; }
	.SonlineBox2 .contentBox .listBox .item.footer:before{ font-size: 28px; }
}
/*==========在线客服 结束==========*/

/*----------下载模型列表组件 开始----------*/
/*公共*/
.downloadlist{ padding: 0 10px; }
.downloadlist.has-infoscontent0 .InfoSContent{ display: none; }
.downloadlist:after{ content: ''; display: block; clear: both; }
.downloadlist .InfoWrap span{ font-size: 13px; color: #888; padding-right: 8px; }
.downloadlist .InfoWrap{ transition-duration: .5s; }
.downloadlist .InfoTitle{ font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition-duration: .5s; }
.downloadlist .InfoSContent{ overflow: hidden; color: #666; margin: 5px 10px; font-size: 13px; line-height: 1.5em; height: 3em; }
/*文字列表*/
.text-downloadlist{}
.text-downloadlist li{ width: 100% !important; }
.text-downloadlist{ padding: 0 10px; }
.text-downloadlist li{ overflow: hidden; padding: 15px 0; border-bottom: 1px solid #ddd; transition-duration: .5s; }
.text-downloadlist .InfoWrap{ overflow: hidden; width: 76%; float: left; transition-duration: .5s; }
.text-downloadlist .InfoWrap img{ float: left; width: 32px; margin-right: 10px; }
.text-downloadlist .InfoSContent{ display: none; }
.text-downloadlist .btn{ float: right; transition-duration: .5s; }
.text-downloadlist li:hover{ box-shadow: 0 0 30px rgba(0,0,0,.1); }
.text-downloadlist li:hover .InfoWrap{ transform: translateX(10px); }
.text-downloadlist li:hover .btn{ transform: translateX(-10px); }
/*左图右文*/
.thumb-downloadlist{}
.thumb-downloadlist li:after{ content: ''; display: block; clear: both; }
.thumb-downloadlist li{ padding: 20px 10px; border-bottom: 1px solid #ddd; transition-duration: .5s; box-sizing: border-box; }
.thumb-downloadlist .InfoWrap{ display: block; overflow: hidden; float: left; width: 80%; transition-duration: .5s; background: #FFF; }
.thumb-downloadlist .InfoPicture{ float: left; width: 110px; margin-right: 10px; }
.thumb-downloadlist .InfoSContent{ height: 1.5em; }
.thumb-downloadlist .btn{ margin-top: 20px; float: right; transition-duration: .5s; }
.thumb-downloadlist li:hover{ box-shadow: 0 0 30px rgba(0,0,0,.1); }
.thumb-downloadlist li:hover .InfoWrap{ transform: translateX(10px); }
.thumb-downloadlist li:hover .btn{ transform: translateX(-10px); }
/*上图下文*/
.grid-downloadlist{  }
.grid-downloadlist li{ position: relative; float: left; width: 33.3333%; }
.grid-downloadlist .InfoWrap{ display: block; margin: 0 10px 20px; border: 1px solid #ddd; background: #FFF; }
.grid-downloadlist .InfoTitle{ padding: 5px 10px 0; font-size: 18px; }
.grid-downloadlist .InfoWrap p{ margin-bottom: 50px; }
.grid-downloadlist .InfoWrap p span{ display: inline-block; }
.grid-downloadlist .btn{ position: absolute; bottom: 30px; right: 20px; }
.grid-downloadlist li:hover .InfoWrap{ box-shadow: 0 8px 38px rgba(0,0,0,.1); }
/*----------下载模型列表组件 结束----------*/

/*===招聘频道  开始===*/
/* 表单风格 */
.job{ }
.joblist { }
.joblist li {overflow: hidden; background: #FFF; margin-bottom: 20px; }
table.job_table { margin:8px 0px; padding:0px; text-align:center; width:100%; border-collapse:collapse;}
table.job_table td{ padding:8px 5px; border:1px solid #DADBD6;}
table.job_table .Requirement{ text-align:left; padding:8px 5px; line-height:1.5em;}
table.job_table th{color:#333; font-weight:bold; text-align:center; border:1px solid #DADBD6;}
table.job_table .t1 { font-weight:bold;padding:5px 0;width:20%;}
table.job_table .t2 { text-align:left;width:25%;}
table.job_table .t3 {font-weight:bold;width:25%;}
table.job_table .t4 {text-align:left;width:25%;}
table.job_table .operation{text-align:center; margin:0 auto;}
/* 简约风格 */
.text-joblist li{ padding: 20px 0; border-bottom: 1px solid #eee; background: #FFF; margin-bottom: 20px; transition-duration: .5s; }
.text-joblist li:last-child{ border-bottom: 0; }
.text-joblist .JobName{ overflow: hidden; }
.text-joblist .JobName h2{ float: left; font-size: 24px; }
.text-joblist .JobName .Salary{ float: right; font-weight: bold; font-size: 20px; color: #ff6000; }
.text-joblist .RequirementDetail{ padding: 15px 0; }
.text-joblist .RequirementDetail span{ padding-left: 8px; margin-left: 8px; border-left: 1px solid #ddd; display: inline-block; margin: 5px 0; }
.text-joblist .RequirementDetail span:first-child{ padding-left: 0; margin-left: 0; border: 0; }
.text-joblist .Requirement{ line-height: 1.8em; color: #555; }
.text-joblist .operation{ margin-top: 15px; }
.text-joblist li:hover{ box-shadow: 0 10px 35px rgba(0,0,0,.1); padding: 20px; }
/*应聘*/
table.resume_table { text-align:center; width:100%; max-width: 900px; margin: 0 auto; border-collapse:collapse; }
table.resume_table th{ font-weight:bold; text-align:left; width:100px;}
table.resume_table td{text-align:left; }
table.resume_table .operation{text-align:center; }
table.resume_table #Detail{ height:200px;}
/*===招聘频道  结束===*/

/*==========头部组件 开始==========*/
/*头部组件0*/
.floor_head0_main{ overflow: visible; position: relative; z-index: 1; }
.floor_head0_main.notTop{ z-index: 2003; }
.floor_head0_shade2,.floor_head0.navigation-style2{ position: absolute; top: 0; left: 0; right: 0; z-index: 98; }
.floor_head0_main.notTop .floor_head0{ position: fixed; top: 0; left: 0; right: 0; z-index: 99; box-shadow: 0 5px 10px rgba(0,0,0,.1); transition-duration: .8s; }
.floor_head0 .Member .MemberGroupName,.head0 .Member .MemberName{color:#F30}

.head0{ max-width: 1440px; margin: 0 auto; }
.head0:after{ content: ''; display: block; clear: both; }
.head0 .logo{ float:left;}
.head0 .logo img{ height:55px; display:block;}

.head0 .description{ float: left; position: relative; }
.head0 .description .description_text{ display: inline-block; position: relative; top: 0; left: 0; z-index: 1; }
.head0 .description .description_picture{ position: absolute; top: 0; left: 0; }
.head0 .description .description_picture img{ display: block; }

.head0 .navigation { text-align: right; line-height: .85em; }
.head0 .navigation i{ position: absolute; left: 0; bottom: 0; height: 3px; transition-duration: .5s; z-index: 1; }
.head0 .navigation ul.navigationlist{ display: inline-block; position: relative; }
.head0 .navigation ul.navigationlist li { float:left; text-align:center; line-height: 55px; position: relative; z-index: 2; cursor: pointer; }
.head0 .navigation ul.navigationlist li a { display:block; padding:0 16px; font-weight:normal; color:#616266; border:0px dashed red;}
.head0 .navigation ul.subnavigationlist{ display:none; position:absolute; background:#FFF; box-shadow: 0 0 10px 0 rgba(0,0,0,.1); z-index:100}
.head0 .navigation ul.subnavigationlist li {  float:none; padding:0px; display:inline; }
.head0 .navigation ul.subnavigationlist li a { display:block; white-space:nowrap; font-weight:normal; color:#444; line-height:45px; min-width: 140px; text-align:left}
.head0 .navigation ul.subnavigationlist li a:hover { box-shadow: 0 0 10px 0 rgba(0,0,0,.1); }
.head0 .navigation .separator img{ vertical-align: middle; }

.head0 .navigation ul.subnavigationlist.style2{ white-space: nowrap; line-height: 1; }
.head0 .navigation ul.subnavigationlist.style2 li{ display: inline-block; }
.head0 .navigation ul.subnavigationlist.style2 li a{ width: auto; padding: 0 15px; }

.head0 .user { float: right; line-height:55px; }
.head0 .user .MobileEdition{ font-weight: bold; color:red; }
.head0 .user a { color:#666; }
.head0 .member { float: right; }
.head0 .member a{ display: inline-block; }
.head0 .language { float: left; padding: 0 15px; }
.head0 .language a{ display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #FFF; }

/*头部组件1*/
.head1{ max-width: 1440px; position: relative; margin: 0 auto; overflow: hidden; }
.head1 .logo{ float:left;}
.head1 .logo img{ height:55px; display:block;}
.head1 .slot{ overflow: hidden; }
.head1 .slot1{ float:right; overflow:hidden; }
.head1 .slot2{ float:left; overflow:hidden; }
.head1 .user { float: right; line-height:55px; }
.head1 .user .MobileEdition{ font-weight: bold; color:red; }
.head1 .user a { color:#666; }
.head1 .member { float: right; }
.head1 .member a{ display: inline-block; }
.head1 .language { float: left; padding: 0 15px; }
.head1 .language a{ display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #FFF; }
/*头部组件1的兼容样式*/
.head1 .extra{ position: absolute; left: 0; top: 0; }
.head1 .extra .extra_text{ position: relative; top: 0; left: 0; z-index: 2; }
.head1 .extra .extra_picture{ position: absolute; top: 0; left: 0; z-index: 1; }
.head1 .extra .extra_picture img{ display: block; }

/*头部组件2*/
.floor_head2_main{ overflow: visible; position: relative; z-index: 1; }
.floor_head2_main.istop{ z-index: 2003; }
.floor_head2_main.istop .floor_head2{ position: fixed; left: 0; top: 0; right: 0; z-index: 99; box-shadow: 0 10px 15px rgba(0,0,0,.1); transition-duration: .5s; }
.head2{ max-width: 1440px; position: relative; margin: 0 auto; }
.head2:after{ content: ''; display: block; clear: both; }
.head2 .navigation { line-height: .85em; }
.head2 .navigation i{ position: absolute; left: 0; bottom: 0; height: 3px; transition-duration: .5s; }
.head2 .navigation ul.navigationlist{ display: inline-block; position: relative; }
.head2 .navigation ul.navigationlist li { float:left; text-align:center; line-height: 65px; position: relative; z-index: 1; cursor: pointer; }
.head2 .navigation ul.navigationlist li a { display:block; padding:0 16px; font-weight:normal; color:#616266; border:0px dashed red;}
.head2 .navigation ul.subnavigationlist{ display:none; position:absolute; background:#FFF; box-shadow: 0 0 10px 0 rgba(0,0,0,.1); z-index:100}
.head2 .navigation ul.subnavigationlist li {  float:none; padding:0px; display:inline; }
.head2 .navigation ul.subnavigationlist li a { display:block; white-space:nowrap; font-weight:normal; color:#444; line-height:45px; width: 140px; text-align:left}
.head2 .navigation ul.subnavigationlist li a:hover { box-shadow: 0 0 10px 0 rgba(0,0,0,.1); }
.head2 .navigation ul.subnavigationlist.style2{ white-space: nowrap; line-height: 1; }
.head2 .navigation ul.subnavigationlist.style2 li{ display: inline-block; }
.head2 .navigation ul.subnavigationlist.style2 li a{ width: auto; padding: 0 15px; }
.head2 .slot1{ float: left; }
.head2 .slot2{ float: right; }
/*头部组件2的兼容样式*/
.head2 .extra{ position: absolute; left: 0; top: 0; }
.head2 .extra .extra_text{ position: relative; top: 0; left: 0; z-index: 2; }
.head2 .extra .extra_picture{ position: absolute; top: 0; left: 0; z-index: 1; }
.head2 .extra .extra_picture img{ display: block; height: 100%; }

/*头部组件3*/
.floor_head3_main{ overflow: visible; position: relative; z-index: 93 }
.floor_head3{ max-width: 1440px; margin: 0 auto; }
.floor_head3:after{ content: ""; display: block; clear: both; }
.floor_head3 .left_wrap{ float: left; }
.floor_head3 .right_wrap{ float: right; }
.floor_head3 .right_wrap li{ float: left; position: relative; cursor: pointer; padding-left: 5px; font-size: 0; }
.floor_head3 .right_wrap li.n1{ padding-left: 0!important; }
.floor_head3 .right_wrap li .Picture{ display: inline-block; vertical-align: middle; margin-right: 5px; }
.floor_head3 .right_wrap li .Title{ display: inline-block; vertical-align: middle; }
.floor_head3 .right_wrap li .SubPicture{ display: none; position: absolute; left: 50%; top: 105%; box-shadow: 0 0 10px rgba(0,0,0,.1); padding: 5px; border-radius: 3px; background: #FFF; }
.floor_head3 .right_wrap li .SubPicture:after{ content: ""; position: absolute; top: -10px; left: 50%; margin-left: -5px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #FFF; }
.floor_head3 .right_wrap li .SubPicture img{ display: block; }
.floor_head3 .right_wrap li:hover .SubPicture{ display: block; }
/*==========头部组件 结束==========*/

/*==========幻灯片组件 开始==========*/
/* 幻灯片组件0 */
.floor_banner0 { position:relative; z-index: 0; }
.banner0 li{ position: relative; display: flex; height: 100%; align-items: center; justify-content: center; overflow: hidden; }
.banner0 li img{ display:block; width: 100%; }
.banner0 li .bannertext{ position: absolute; height: 80px; line-height: 40px; max-width: 1440px; left: 0; right: 0; top: 50%; margin: -40px auto 0; text-align: center; color: #444; cursor: pointer; z-index: 99; }
.banner0 li .bannertext .BannerName{ font-size: 36px; opacity: 0; transform: translateY(50px); transition-duration: 1s; transition-delay: 1s; }
.banner0 li .bannertext .BannerDescription{ font-size: 20px; opacity: 0; transform: translateY(80px); transition-duration: 1.5s; transition-delay: 1.2s; }
/*内页频道代表图*/
.banner_img img{ width: 100%; display: block; }
.floor_channel15 .TheChannel { position:relative; }
.floor_channel15 .TheChannel .TheChannelContent { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:1440px; max-width:100%; padding:0 10px; box-sizing:border-box; overflow:hidden; }
/*圆形焦点*/
.floor_banner0 .banner_dotcircle .swiper-pagination-switch{ border-radius: 6px; width: 6px; height: 6px; background: #FFF; }
.floor_banner0 .banner_dotcircle .swiper-active-switch{ width: 16px; }
/*长方形焦点*/
.floor_banner0 .banner_dotsquare .swiper-pagination-switch{ border-radius: 0; height: 2px; background: #FFF; }
.floor_banner0 .banner_dotsquare .swiper-active-switch{ transform: scale(1,2); }
/*文本动画*/
.banner0 li.swiper-slide-active .bannertext .BannerName{ opacity: 1; transform: translateY(0); }
.banner0 li.swiper-slide-active .bannertext .BannerDescription{ opacity: 1; transform: translateY(0); }

/* 带有视频的幻灯片组件1 */
/*幻灯片*/
.floor_banner1{position: relative; overflow: hidden;}
.bannerBox{overflow: hidden;  width: 100%; height: 100vh; z-index: 9;}
.bannerBox img{ display:block; width: 100%; }
.bannerBox .bannerMask{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4);}
.bannerBox .swiper-wrapper{height: 100%;}
.bannerBox .swiper-slide {background-position: center; background-size: cover; position: relative;}
.bannerBox .swiper-slide .lbt-bg { display: block; width: 100%; height: 100%; background-size: cover!important; }
.bannerBox .bannerText{text-align: center; max-width: 1440px; color: #ffffff; position: absolute; z-index: 5; left: 0; right: 0; top: 50%; margin: 0 auto;}
.bannerBox .bannerText .detail{max-width: 40%; display: flex; justify-content: space-around; margin: 0 auto; margin-top: 60px;}
.bannerBox .bannerText .detail li{letter-spacing: 2px; transition: all 0.5s;}
.bannerBox .bannertext .BannerName{ font-size: 48px; opacity: 0; transform: translateY(50px); transition-duration: 1s; transition-delay: 1s; }
.bannerBox .bannertext .BannerDescription{ font-size: 28px; opacity: 0; transform: translateY(80px); transition-duration: 1.5s; transition-delay: 1.2s; }
/*圆形焦点*/
.floor_banner1 .banner_dotcircle .swiper-pagination-switch{ border-radius: 6px; width: 6px; height: 6px; background: #FFF; }
.floor_banner1 .banner_dotcircle .swiper-active-switch{ width: 16px; }
/*长方形焦点*/
.floor_banner1 .banner_dotsquare .swiper-pagination-switch{ border-radius: 0; height: 2px; background: #FFF; }
.floor_banner1 .banner_dotsquare .swiper-active-switch{ transform: scale(1,2); }

/* 幻灯片视频 */
.bannerBox .videoBox{width: 100%; object-fit: fill;-webkit-object-fit: fill;}
.bannerBox .videoBox {position: absolute; left: 0; top: 0; margin: auto;}
.bannerBox .video-mask {position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4);}

/*向上滑动查看更多*/
.fixed-down {position: fixed; z-index: 99; width: 200px; height: 112px; margin: 0 auto; left: 0; right: 0; bottom: 50px; animation: tiaodong 3s linear 0s infinite;}
.fixed-down .tit {text-align: center; font-size: 20px; line-height: 1; color: #ffffff;}
.fixed-down .d-arr {display: block; width: 25px; height: 69px; margin: 20px auto 0; background: url(../images/page-dqrr.png) no-repeat center center; background-size: cover;}

/* 向下滑动跳动 */
@-webkit-keyframes  tiaodong{ 
    0%{transform: translateY(-10px);}
    25%{transform: translateY(0);}
    66%{transform: translateY(10px);}
    100%{transform: translateY(0);}
}
@keyframes tiaodong {
    0%{transform: translateY(0);}
    25%{transform: translateY(-10px);}
    50%{transform: translateY(0);}
    75%{transform: translateY(10px);}
    100%{transform: translateY(0);}
} 

/*==========幻灯片组件 结束==========*/

/*==========单页扩展模型 开始==========*/
/*单页扩展组件0*/
.floor_page0{ position: relative; }
.floor_page0 .BgPicture{ width: 100%; display: block; }
.floor_page0 .ChannelWrap{ max-width: 1440px; box-sizing: border-box; padding: 0 10px; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: -25px auto 0; }
.floor_page0 .ChannelWrap .ChannelSContent{ max-width: 450px; font-size: 32px; color: #333; text-shadow: 0 2px 5px rgba(0,0,0,.3); }
.floor_page0 .ChannelWrap .ChannelContent{ position:relative; z-index:2; max-width: 450px; padding: 15px; box-shadow: 0 0 10px 0 rgba(0,0,0,.1); }
.floor_page0 .ChannelWrap .ChannelContent p{ line-height: 2.5em; color: #666; text-align: justify; overflow: hidden; text-indent:2em; }
.floor_page0 .ChannelWrap .ChannelContent i{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; }

/*单页扩展组件1*/
.page1{ overflow: hidden; }
.page1 .BgPicture{ width: 50%; height: 600px; float: left; background-size: cover; background-position: center; }
.page1 .ChannelWrap{ position: relative; width: 50%; height: 600px; float: left; }
.page1 .ChannelName{ position: relative; padding: 155px 50px 20px 50px; margin-bottom: 20px; color: #ff6600; font-size: 26px; }
.page1 .ChannelName:after{ content: ''; position: absolute; left: 50px; bottom: 0; width: 80px; height: 1px; background: #ff6600; }
.page1 .ChannelSContent{ color: #FFF; max-width: 600px; padding: 0 50px; line-height: 2.0em; }
.page1 a{ display: inline-block; margin: 0 50px; margin-top: 20px; }
.thumbright-page1 .BgPicture{ float: right; }
.thumbright-page1{ text-align: right; }
.thumbright-page1 .ChannelName:after{ left: auto; right: 50px; }
.thumbright-page1 .ChannelSContent{ margin-left: auto; }

/*单页扩展组件2*/
.floor_page2{ max-width: 1100px; margin:0 auto; padding: 100px 170px; }
.page2 .TPagePicture{ position: relative; width:450px; float:right; margin-left: 50px; }
.page2 .TPagePicture i{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 46px; height: 46px; cursor: pointer; margin: auto; transition-duration: .5s; }
.page2 .TPagePicture i:hover{ transform: scale(1.05); }
.page2 .ChannelName{ font-size: 30px; margin-bottom: 50px; overflow: hidden; }
.page2 .ChannelSContent{ color: #999; line-height: 2.0em; overflow: hidden; }
/*.floor_page2{ max-width: 1360px; margin:0 auto; box-sizing:content-box; }
.floor_page2 .component_body { padding:5% 10%; }
.page2 .ChannelName{ font-size: 30px; margin-bottom: 50px; }
.page2 .ChannelSContent{ color: #999; line-height: 2.0em; }*/
.page2 a{ display: inline-block; margin-top: 50px; transition-duration: .5s; }
.page2 .albumlist{ overflow: hidden; margin-top: 50px; }
.page2 .albumlist li{ width: 25%; float: left; }
.page2 .albumlist li .AlbumTitle{ font-size: 40px; }
.page2 .albumlist li .AlbumTitle span{ font-size: 14px; color: #999; }
.page2 .albumlist li .AlbumDescription{ font-weight: bold; }
.page2 a:hover{ color: #FFF; border-color: transparent; }

/*单页扩展组件3*/
.floor_page3{ max-width: 1440px; margin:0 auto; padding:50px; box-sizing:border-box; }
.page3{ overflow:hidden; }
.page3 .TPagePicture{ position: relative; width:500px; float: left; margin-right: 50px; }
.page3 .TPagePicture i{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 46px; height: 46px; cursor: pointer; margin: auto; transition-duration: .5s; }
.page3 .TPagePicture i:hover{ transform: scale(1.05); }
.page3 .ChannelWrap{ overflow: hidden; }
.page3 .ChannelName{ font-size: 32px; }
.page3 .ChannelContent{ margin-top: 40px; line-height: 1.8em; }
.page3 a{ display: inline-block; margin-top: 40px; padding:0; }
.thumbright-page3 .TPagePicture{ float: right; margin-left: 50px; margin-right: 0; }
.page3 a:hover{ color: #FFF; border-color: transparent; }

/*单页扩展组件4*/
.floor_page4{ max-width: 1440px; margin:0 auto; padding:50px; box-sizing:border-box; }
.page4{ padding:0px; overflow: hidden; }
.page4 .ChannelName{ text-align: center; font-size: 30px; }
.page4 .ChannelSContent{ text-align: center; color: #888; font-size: 18px; padding: 15px 0; }
.page4 .albumlist{ float: left; overflow: hidden; }
.page4 .albumlist li{ overflow: hidden; padding:40px 0 0; }
.page4 .albumlist li .AlbumTitle{ font-size: 20px; margin-bottom: 8px; }
.page4 .albumlist li .AlbumDescription{ color: #999; line-height: 1.5em; }
.page4 .albumlist li .AlbumPicture{ float: left; width: 75px; height: 75px; border-radius: 50%; color: #fff; text-align: center; line-height: 75px; font-size: 30px; margin-right: 15px; background: red; }
.page4 .albumlist li.n1 .AlbumPicture{ background: #008287; }
.page4 .albumlist li.n2 .AlbumPicture{ background: #6ce26c; }
.page4 .albumlist li.n3 .AlbumPicture{ background: #bd362f; }
.page4 .TPagePicture{ position: relative; width: 40%; float: right; margin-left:50px; margin-top:40px; }
.page4 .TPagePicture i{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 46px; height: 46px; cursor: pointer; margin: auto; transition-duration: .5s; }
.page4 .TPagePicture i:hover{ transform: scale(1.05); }
.thumbleft-page4 .albumlist{ float: right; width:calc(55% - 50px); }
.thumbleft-page4 .TPagePicture{ float: left; margin-left: 0; margin-right: 50px; }

/*单页扩展组件5*/
.floor_page5{ max-width: 1440px; margin:0 auto; padding:50px; box-sizing:border-box; }
.page5{ position: relative; padding:20px 0 0; overflow: hidden; }
.page5 .ChannelName{ text-align: center; font-size: 30px; }
.page5 .ChannelSContent{ text-align: center; color: #888; font-size: 18px; padding: 15px 0; }
.page5 .albumlist{ float: right; width: 55%; margin: 160px 0 150px; background: #FFF; position: relative; z-index: 2; }
.page5 .albumlist li{ padding: 20px 80px; overflow: hidden; }
.page5 .albumlist li.ThemeColorBg{ color: #FFF; }
.page5 .albumlist li .AlbumPicture{ float: left; margin-right: 20px; }
.page5 .albumlist li .AlbumTitle{ font-size: 20px; }
.page5 .albumlist li .AlbumDescription{ color: #999; line-height: 1.5em; }
.page5 .albumlist li.ThemeColorBg .AlbumDescription{ color: #FFF; line-height: 1.5em; }
.page5 .TPagePicture{ width: 53%; position: absolute; bottom:50px; left:0; height: 550px; overflow: hidden; z-index: 1; }
.page5 .TPagePicture img{ height: 100%; width: auto; }
.page5:after{ content: ''; position: absolute; bottom:10px; left: 0; right: 0; margin: auto; width: 250px; height: 630px; border: 2px solid red; }

/*单页扩展组件6*/
.floor_page6{ max-width: 1440px; margin:0 auto; padding:50px; box-sizing:border-box; }
.page6{ padding:0; overflow: hidden; }
.page6 .ChannelName{ text-align: center; font-size: 30px; }
.page6 .ChannelSContent{ text-align: center; color: #888; font-size: 18px; padding: 15px 0; }
.page6 .albumlist{ position: relative; overflow: hidden; }
.page6 .albumlist li{ position: relative; width: 34%; padding: 20px; margin: 50px 0; }
.page6 .albumlist li .AlbumTitle{ font-size: 20px; margin-bottom: 5px; }
.page6 .albumlist li .AlbumPicture{ font-size: 70px; line-height: 1; }
.page6 .albumlist li .AlbumDescription{ color: #999; }
.page6 .albumlist li i{ position: absolute; height: 1px; width: 100px; top: 50%; }
.page6 .albumlist li.m0{ float: left; text-align: right; }
.page6 .albumlist li.m0 .AlbumPicture{ float: right; margin-left: 15px; }
.page6 .albumlist li.m0 i{ right: -100px; }
.page6 .albumlist li.m1{ float: right; }
.page6 .albumlist li.m1 .AlbumPicture{ float: left; margin-right: 15px; }
.page6 .albumlist li.m1 i{ left: -100px; }
.page6 .TCenterText{ color: #FFF; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 200px; height: 200px; text-align: center; line-height: 200px; transform: rotate(45deg); }
.page6 .TCenterText span{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 5em; text-align: center; height: 2em; line-height: 2em; font-size: 24px; transform: rotate(-45deg); }

/*单页扩展组件7*/
.floor_page7{ max-width: 1440px; margin:0 auto; box-sizing:border-box; }
.page7{ overflow: hidden; }
.page7 .ChannelName{ text-align: center; font-size: 30px; color: #FFF; }
.page7 .ChannelSContent{ text-align: center; color: #888; font-size: 18px; padding: 15px 0; }
.page7 .albumlist{ overflow: hidden; color: #FFF; padding:0px 0; }
.page7 .albumlist li{ width: 33.3333%; float: left; text-align: center; }
.page7 .albumlist li .AlbumTitle{ font-size: 18px; }
.page7 .albumlist li i{ display: block; width: 40px; height: 2px; background: #FFF; margin: 20px auto; }
.page7 .albumlist li .AlbumDescription{ width:80%; margin: 0 auto; }

/*单页组件8*/
.floor_page8 { max-width:1440px; text-align:center; margin:0 auto; padding:0; box-sizing:border-box; overflow:hidden; }
.page8 { position:relative; color:#fff; }
.page8_albumlist {  }
.page8_albumlist li img { display:block; margin:0 auto; max-width:100%; }
.page8 .prevnext { position:absolute; top:50%; width:40px; height:40px; line-height:40px; border-radius:3px; margin-top:-20px; cursor:pointer; }
.page8 .prevnext:hover{ opacity: .85 }
.page8 .prevnext.prev { right:50%; margin-right:540px; }
.page8 .prevnext.next { left:50%; margin-left:540px; }
.page8 .ChannelWrap { position:absolute; width:500px; height:376px; top:50%; margin-top:-188px; overflow:hidden; }
.page8 .ChannelWrap_right { left:50%; text-align:left; }
.page8 .ChannelWrap_left { right:50%; text-align:right; }
.page8 .ChannelWrap h2 { font-size:36px; line-height:1.5em; text-transform:uppercase; }
.page8 .ChannelWrap .ChannelName { font-size:22px; line-height:1.5em; font-weight:bold; }
.page8 .ChannelWrap .ChannelContent { font-size:14px; line-height:2.5em; word-wrap:break-word; }
.page8 .ChannelWrap .ChannelContent img { display:none; }

/*单页组件9*/
.floor_page9 { max-width:1440px; margin:0 auto; padding:0 50px; box-sizing:border-box;}
.page9 { float:right; width:500px; height:420px; background:#fff; opacity:0.8; margin:0; padding:60px 60px 0px; box-sizing:border-box; }
.left-page9 { float:left; }
.page9 .ChannelName a { font-size:30px; color:#464545; font-weight:bold; }
.page9 .ChannelSContent { display:block; line-height:60px; font-weight:bold; color:#c9151e; font-size:22px;}
.page9 span { display:block; background-color:#d7d7d7; width:80px; height:2px; margin:10px 0;}
.page9 .page9_more { display:block; margin-top: 15px; }

/*单页扩展组件10*/
.floor_page10{ max-width: 1440px; margin: 0 auto; padding:0; box-sizing:border-box; }
.page10 .TPagePicture{ width: 200px; float: left; }
.page10 .albumlist{ padding: 108px 50px; overflow: hidden; }
.page10 .albumlist li{ width: 25%; float: left; text-align: center; color: #FFF; }
.page10 .albumlist li span{ display: inline-block; vertical-align: top; }
.page10 .albumlist li span.AlbumTitle{ font-size: 48px; }
.thumbright-page10 .TPagePicture{ float: right; }

/*单页组件11*/
.floor_page11 { max-width:1440px; margin:0 auto; padding:50px; box-sizing:border-box; }
.page11 {  }
.page11_albumlist {  }
.page11_albumlist li {  }
.page11_albumlist li:first-child { margin-top:0px !important; }
.page11_albumlist li .AlbumPicture { float:left; width:50%; margin-right:5%; margin-left:0; position:relative; }
.page11_albumlist li .AlbumPicture img { width:100%; display:block; }
.page11_albumlist li .AlbumPicture .num { position:absolute; top:-30px; right:50px; background:#fa0000; font-size:48px; padding:10px 0; width:80px; text-align:center; text-indent:0; color:#ffffff; }
.page11_albumlist li.m0 .AlbumPicture { float:right; margin-left:5%; margin-right:0; }
.page11_albumlist li .AlbumTitle { padding:2% 0; font-size:30px; }
.page11_albumlist li.m0 { text-indent:10px; }
.page11_albumlist li .AlbumDescription { font-size:16px; color:#666; line-height:1.8em; }

/*单页组件12*/
.floor_page12 { max-width:1440px; margin:0 auto; padding:0 50px; box-sizing:border-box; overflow:hidden; }
.page12 {  }
.page12_left { float:left; width:48%; }
.page12_left h4 { font-size:36px; line-height:64px; font-weight:normal; position:relative; }
.page12_left h4:before { content:""; position:absolute; left:0; bottom:0; width:10%; height:1px; background:#fff; }
.page12_left p { font-size:16px; line-height:1.8; margin-top:20px; }
.page12_right { float:right; width:42%; text-align:center; }
.page12_right img { float:right; width:120px; display:block; margin-left:20px; }
.page12_right h4 { font-size:30px; line-height:50px; }
.page12_right h4 span { font-size:40px; margin-right:10px; line-height:50px; vertical-align:bottom; font-weight:normal; }
.page12_more { display:inline-block; margin-top:20px; }

/*单页组件13*/
.floor_page13 { max-width:1440px; margin:0 auto; padding:50px; box-sizing:border-box; overflow:hidden; }
.page13_albumlist:after{ content:''; display: block; clear: both; }
.page13_albumlist li { float:left; width:33.33%; margin-top:20px; text-align:center; }
.page13_albumlist li .AlbumWrap { width:92%; margin:0 8% 0 0; padding:30px 0 40px; position:relative; z-index:5; }
.page13_albumlist li .AlbumWrap .AlbumBack { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.8; z-index:-1; }
.page13_albumlist li.m1 .AlbumWrap { margin:0 4% 0 4%; }
.page13_albumlist li.m2 .AlbumWrap { margin:0 0 0 8%; }
.page13_albumlist li .AlbumWrap div { opacity:1; }
.page13_albumlist li .AlbumPicture { border-radius:50%; overflow:hidden; width:120px; height:120px; margin:0 auto; }
.page13_albumlist li .AlbumPicture img { width:80px; padding:20px 0 0; }
.page13_albumlist li .AlbumTitle { font-size:20px; margin:20px; }
.page13_albumlist li .AlbumDescription { font-size:14px; line-height:1.8; margin:0 10%; }
.inoutside-page13 .page13_albumlist li { margin-top:60px; }
.inoutside-page13 .page13_albumlist li .AlbumPicture { margin-top:-90px; border:5px solid #fff; }
.inoutside-page13 .page13_albumlist li .AlbumTitle { margin-top:30px; }

/*单页组件14*/
.floor_page14 { max-width:1440px; margin:0 auto; padding:50px; box-sizing:border-box; overflow: hidden; }
.floor_page14 .component_body{ overflow: hidden; }
.floor_page14 .TPagePicture{ position: relative; }
.floor_page14 .TPagePicture.float_left{ margin-right: 20px; }
.floor_page14 .TPagePicture.float_right{ margin-left: 20px; }
.floor_page14 .TPagePicture img{ display: block; width: 100%; }
.floor_page14 .TPagePicture i{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 46px; height: 46px; cursor: pointer; transition-duration: .2s; }
.floor_page14 .TPagePicture i:hover{ transform: scale(1.1); }
.floor_page14 .ChannelName,
.floor_page14 .ChannelSContent,
.floor_page14 .countlist,
.floor_page14 .swiperlist li,
.floor_page14 .swiperlist{ overflow: hidden; }
.floor_page14 .ChannelSContent{ padding-top: 10px; }
.floor_page14 .countlist{ display: flex; justify-content: space-around; }
.floor_page14 .swiperlist{ padding: 15px 0; }
.floor_page14 .swiperlist .Picture{ float: left; margin: 0 15px; }
.floor_page14 .swiperlist .Title{ padding-bottom: 10px; }
.floor_page14 .pagination{ position: absolute; right: 10px; top: 10px; }
.floor_page14 .swiper-pagination-switch{ width: 8px; }

/*单页组件15*/
.floor_page15{ max-width: 1440px; margin: 0 auto; }
.page15{ overflow: hidden; }
.page15_tabbar{ overflow: hidden; padding: 0 60px; }
.page15_tabbar li{ position: relative; float: left; padding: 30px 0; width: 25%; text-align: center; }
.page15_tabbar li.on:after{ content: ''; width: 20px; height: 20px; transform: rotate(45deg); position: absolute; bottom: -10px; left: 0; right: 0; margin: auto; }
.page15_tabbar li img{ display: block; margin: 0 auto; width: 50px; height: 50px; margin-bottom: 15px; cursor: pointer; filter: grayscale(100%); }
.page15_tabbar li.on img{ filter: grayscale(0); }
.page15_tabbar li .ChannelName{ cursor: pointer; }
.page15_channellist .float_left{ width: 60%; box-sizing: border-box; padding-right: 100px; padding-left: 30px; }
.page15_channellist .float_right{ width: 40%; }
.page15_channellist .ChannelName{ font-size: 22px; margin-top: 50px; }
.page15_channellist .ChannelSContent{ margin: 15px 0; font-size: 16px; line-height: 1.8em; color: #999; }
.page15_channellist a{ display: inline-block; margin-bottom: 15px; }
.page15_channellist .ChannelPicture img{ display: block; width: 100%; }

/*单页扩展组件3*/
.floor_page17{ max-width:1440px; margin:0 auto; box-sizing:border-box; overflow:hidden; }
.floor_page17.yes-page17 { box-shadow:0 0 20px #ccc; padding:50px; }
.floor_page17 .component_body {  }
.page17 { text-align:left; margin:0 auto; }
.page17 .page17_floor { writing-mode:vertical-lr; margin:0 auto; float:left; }
.page17 .TPageBtnHref{ display:block; writing-mode:vertical-lr; text-align:right; }
.page17 .TPageBtn { border:2px solid #bbb; padding:5px; margin:0 0 0 20%; display:inline-block; }
.page17 .TPageBtn .btn { background:#aaa; color:#fff; font-size:20px; padding:10px 6px 5px; letter-spacing:5px; border-radius:0; }
.page17 .small_img { display:none; }
.page17 img { max-width:100%; }
.page17 .ChannelWrap { writing-mode:vertical-lr; }
.page17 .ChannelWrap .Title { writing-mode:vertical-lr; }
.page17 .ChannelWrap .SubTitle { writing-mode:vertical-lr; }
.page17 .ChannelWrap img { margin:0 10%; }
.page17 .ChannelWrap .TheContent { writing-mode:vertical-lr; }
.page17.rl-page17 .page17_floor { writing-mode:tb-rl; float:right; }
.page17.rl-page17 .TPageBtnHref { writing-mode:tb-rl; }
.page17.rl-page17 .TPageBtn { margin:0 20% 0 0; }
.page17.rl-page17 .ChannelWrap { writing-mode:tb-rl; }
.page17.rl-page17 .ChannelWrap .Title { writing-mode:tb-rl; }
.page17.rl-page17 .ChannelWrap .SubTitle { writing-mode:tb-rl; }
.page17.rl-page17 .ChannelWrap .TheContent { writing-mode:tb-rl; }

/*单页扩展组件18*/
.floor_page18 { position: relative; }
.floor_page18 .BgPicture { width: 100%; display: block; }
.floor_page18 .ChannelWrap { max-width: 1440px; box-sizing: border-box; padding: 0 10px; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: -25px auto 0; }
.floor_page18 .ChannelWrap .Title {  }
.floor_page18 .ChannelWrap .SubTitle{  }
.floor_page18 .ChannelWrap .TheContent {  }

.floor_page18 .ChannelWrap .inline_block { display:inline-block; }


/*单页组件20*/
.floor_page20 { max-width:1440px; margin:0 auto; box-sizing:border-box; overflow: hidden; }
.floor_page20 .component_title{ float:left;  position: relative; }
.floor_page20 .component_title p{ padding: 10px 10px 20px 15px; max-height:4em; overflow: hidden; }
.floor_page20 .component_title h2{ position: relative; padding-bottom:14px; text-align: left; padding-left: 15px; }
.floor_page20 .component_title h2.h2_2:before{ content: ""; position: absolute; left:0; bottom:-2px; width: 100px; height: 2px; margin-left:0; background: #ccc; }
.floor_page20 .component_title .content{ display: none; max-height:3.2em; overflow: hidden;  }

.floor_page20 .component_body{ overflow: hidden; float: right; }
.floor_page20 .TPagePicture{ position: relative; }
.floor_page20 .TPagePicture.float_left{ margin-right: 20px; }
.floor_page20 .TPagePicture.float_right{ margin-left: 20px; }
.floor_page20 .TPagePicture img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.floor_page20 .TPagePicture i{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 46px; height: 46px; cursor: pointer; transition-duration: .2s; }
.floor_page20 .TPagePicture i:hover{ transform: scale(1.1); }

.floor_page20 .ChannelSContent{ padding-top: 10px; }
.floor_page20 .content_top{ padding-bottom: 20px; box-sizing:border-box; }
.floor_page20 .countlist{ display: flex; justify-content: space-around; }
.floor_page20 .countlist li{ border-left:1px solid #f5e8e9; padding-left: 15px; }
.floor_page20 .countlist li:first-child{ border: none; }
.floor_page20 .countlist li img{ width:90px; }
.floor_page20 .countlist li .Title{ display: flex; align-items: center; padding-top:18px; padding-bottom: 10px; }
.floor_page20 .countlist li i{ font-size: 20px; }
.floor_page20 .countlist li span{ display: block;  width: 26px; height: 26px; margin-left:5px; background: #9A1E23;
    border-radius: 50%;  font-weight: normal; line-height: 26px; font-size: 14px; color: #fff; text-align: center; }

.floor_page20 .datalist{ width: 100%; display: flex; }
.floor_page20 .datalist li{ width: 50%; display: flex; align-items: center; justify-content: center; }
.floor_page20 .datalist li a{ text-align: left; padding:30px; flex: 1; }
.floor_page20 .datalist li img{ margin-bottom:15px; }
.floor_page20 .datalist li .Title{ margin-bottom:8px; }
.floor_page20 .datalist li .Description{ margin-bottom:18px; }
.floor_page20 .datalist li .ydfont{ color:#fff; }

.floor_page20 .detail{ padding:30px 15px 20px 30px; box-sizing: border-box; }
.floor_page20 .detail .title{ margin-bottom: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.floor_page20 .detail .content{ overflow: hidden; max-height: 5em;  }
.floor_page20 .detail .more{ display: block; margin-top:35px; height: 48px; overflow: hidden; padding-bottom: 5px;}
.floor_page20 .detail .more a{ display: block; width: 176px; height: 48px;  text-align: center; position: relative; overflow: hidden;
border: 2px solid rgba(255, 255, 255, 0.5); line-height:46px; font-size: 16px;  padding-left:30px; border-radius:48px; box-sizing: border-box;
background: url(" ") calc(50% - 34px) center no-repeat; background-size: 20px; color: #fff;}
.floor_page20 .detail .more span{ display:block; height: 100%; line-height:1em; display:flex; align-items:center; left:38px; position:relative; top:0; transition: all 0.3s linear;}
.floor_page20 .detail .more:hover span { top: -100%; }

/*==========单页扩展模型 结束==========*/

/*==========文章扩展模型 开始==========*/
/*文章扩展组件0*/
.floor_article0{ max-width: 1440px; margin: 0 auto; }
.article0{  }
.article0:after{ content: ''; display: block; clear: both; }
.article0 a{ display: block; overflow: hidden; }
.text-article0{}
.text-article0 li{ width: 100% !important; }
.text-article0 a{ overflow: hidden; padding: 0; }
.text-article0 a .InfoTitle{ float: left; font-size: 16px; }
.text-article0 a .TitleIcon{ vertical-align: middle; }
.text-article0 a .InfoTime{ float: right; }
.text-article0 .InfoPicture,.text-article0 .InfoSContent{ display: none; }
.thumb-article0{}
.thumb-article0 a{ position: relative; padding: 15px; margin: 8px; transition-duration: .5s; }
.thumb-article0 .InfoPicture{ float: left; width: 35%; }
.thumb-article0 .InfoWrap{ overflow: hidden; }
.thumb-article0 .InfoTitle{ font-size: 18px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.thumb-article0.has-infoscontent0 .InfoTitle{ white-space: normal; }
.thumb-article0 .InfoSContent{ overflow: hidden; color: #666; max-height: 3.2em; line-height: 1.6em; }
.thumb-article0 .InfoTime{ font-size: 24px; overflow: hidden; }
.thumb-article0 li a:hover{ transform: translateY(-5px); box-shadow: 0 8px 35px rgba(0, 0, 0, .08); }
.thumbright-article0{}
.thumbright-article0 a{ position: relative; padding: 15px; margin: 8px; transition-duration: .5s; }
.thumbright-article0 .InfoPicture{ float: right; width: 35%; }
.thumbright-article0 .InfoWrap{ overflow: hidden; }
.thumbright-article0 .InfoTitle{ font-size: 18px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.thumbright-article0 .InfoSContent{ overflow: hidden; color: #666; max-height: 3.2em; line-height: 1.6em; }
.thumbright-article0 .InfoTime{ font-size: 24px; overflow: hidden; }
.thumbright-article0 li:hover{ box-shadow: 0 8px 35px rgba(0, 0, 0, .08); }
.thumbright-article0 li a:hover{ transform: translateX(15px); }
.grid-article0 li{ width: 25%; float: left; }
.grid-article0 li a{ margin: 0 10px 20px; }
.grid-article0 li .InfoPicture{ overflow: hidden; }
.grid-article0 li img{ transition-duration: .5s; }
.grid-article0 li .InfoTitle{ font-size: 16px; text-align: left; color: #333; margin: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition-duration: .5s; }
.grid-article0 li .InfoSContent{ font-size: 13px; margin: 10px 0 0; color: #999; height: 3.6em; line-height: 1.8em; overflow: hidden; }
.grid-article0 li .InfoTime{ position: relative; font-size: 18px; color: #888; font-weight: bold; margin: 10px 0; padding-top: 10px; border-top: 1px solid #ddd; transition-duration: .5s; }
.grid-article0 li .InfoTime:after{ content: ""; position: absolute; left: 0; width: 0px; top: -1px; height: 1px; transition-duration: .5s; transform-origin: 0 0; }
.grid-article0 li:hover .InfoTime:after{ width: 100%; }
.grid-article0 li:hover img{ transform: scale(1.1); }
.article0 li.liStyle2 a { background:#fff; }
.article0 li.liStyle2 a .InfoWrap { padding:0 10px; }

/* 内页组件2318 */
.text-article18 li:hover img,.thumb-article18 li:hover img,.thumbright-article18 li:hover img{ transform: scale(1.1); }
.text-article18 li.third .InfoPicture{display: none;}
.thumb-article18 li.third .InfoPicture{float: left;}
.thumbright-article18 li.third .InfoPicture{float: right;}
.article18 li .InfoTitle,.article18 li .InfoTime{transition:all 0.6s;}
.article18 li .InfoPicture{overflow: hidden; position: relative;}
.article18 li  i{position: absolute; width: 50px; height: 50px; top: 0; left: 0; bottom: 0; right: 0; margin: auto; cursor: pointer; transition-duration: .5s;}
.article18 li img{transition: all 0.6s; vertical-align: middle;}
/* first */
.article18 li.first{overflow: hidden; float: left; width: 44%; height: 468px;}
.article18 li.first .InfoPicture{overflow: hidden; width: 100%; height: 340px;}
.article18 li.first .InfoPicture img, .article18 li.second .InfoPicture img{width: 100%; height: 100%; object-fit: cover;}
/* second */
.article18 li.second{overflow: hidden; float: right; width: 54%; height: 223px;}
.article18 li.second .InfoPicture{float: left; overflow: hidden; width: 45%; height: 223px;}
.article18 li.second .InfoWrap{overflow: hidden; width: 54%; float: right; box-sizing: border-box; -webkit-box-sizing: border-box;}
/* third */
.article18 li.third{overflow: hidden; float: left; width: 100%;}
.article18 li.third a{display: block; position: relative;}
.article18 li.third .InfoPicture{overflow: hidden;}
.article18 li.third .InfoWrap{overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box;}

.lm{overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical;}
.lm1{ -webkit-line-clamp: 1;}.lm2{ -webkit-line-clamp: 2;}.lm3{ -webkit-line-clamp: 3;}.lm4{ -webkit-line-clamp: 4;}.lm5{ -webkit-line-clamp: 5;}

/* 内页组件2319 */
.channellist19 li{width: 100%; box-sizing: border-box; overflow: hidden;}
.channellist19 li a{display: flex;}
.channellist19 li:nth-child(even) a{flex-direction: row-reverse;}
.channellist19 li .content_box{ overflow: hidden; float: left; margin-right: 6%;}
.channellist19 li .image_box{ overflow: hidden; float: left; position: relative;}
.channellist19 li:nth-child(even) .content_box{margin-left: 6%; margin-right: 0%;}
.channellist19 li .image_box img{width: 100%; transition: all 0.6s; vertical-align: middle;}
.channellist19 li .content_box .content{margin-top: 50px; margin-bottom: 15px; /*overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;*/}
.content_box .title{margin: 0px; margin-top: 20px; transition: all 0.6s;}
.content_box .title::before,.content_box .title::after{content: ""; width: 52px; height: 1px; background-color: #4a4a4a; display: block; margin-left: 58%; transform: rotate(135deg); margin-bottom: 20px;}
.content_box .title::before{margin-left: 55%; margin-bottom: 30px;}
.content_box .title::after{margin-left: 40%; margin-top: 35px;}
.channellist19 li:hover .image_box img{transform: scale(1.1); filter:opacity(0.6);}

/* 内页组件2320 */
.list20{overflow: hidden;}
.list20 li{display: flex; justify-content: space-between;}
.thumbright-list20 li{flex-direction: row-reverse;}
.thumbright-list20 li .InfoWrap{left: 0;}
.thumb-list20 li{flex-direction: unset;}
.list20 li a{display: block; position: relative;}
.list20 li i{position: absolute; width: 50px; height: 50px; top: 0; left: 0; bottom: 0; right: 0; margin: auto; cursor: pointer; transition-duration: .5s;}
.list20 li .InfoWrap{box-sizing: border-box; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.list20 li .InfoWrap .InfoTitle{transition: all 0.6s;}
.list20 li .InfoPicture{overflow: hidden;}
.list20 li .InfoPicture img{width: 100%; height: 100%; object-fit: cover; vertical-align: middle; transition: all 0.6s;}
.list20 li:hover .InfoPicture img{transform: scale(1.1);}
.list20 li .InfoWrap .InfoMore{margin-top: 20px; display: block; height: 40px; line-height: 40px; overflow: hidden;}
.list20 li .InfoWrap .InfoMore{display: block; transition: all 0.6s linear; overflow: hidden; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.list20 li .InfoWrap .InfoMore span {display: block; position: relative; top: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.list20 li .InfoMore:hover span{top: -100%;}

/* 内页组件2321 */
.list21 li{width: 100%; display: flex; justify-content: space-between; box-sizing: border-box;}
.list21 li .InfoPicture{position: relative;}
.list21 li i{position: absolute; width: 50px; height: 50px; top: 0; left: 0; bottom: 0; right: 0; margin: auto; cursor: pointer; transition-duration: .5s;}
.list21 li .InfoPicture img{width: 100%; height: 100%; object-fit: cover; vertical-align: middle;}
.list21 li .InfoWrap{flex: 1; box-sizing:border-box;}
.list21 li .InfoWrap.is-not-padding{padding-right: 0 !important;}
.list21 li .InfoSContent{display: flex; align-items: center;}
.list21 li .ydInfoTime{display: none; padding: 5px 0;}
.list21 li .InfoTime{ transition: all 0.6s linear; overflow: hidden; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 109px; height: 109px; text-align: center;}
.list21 li .InfoTime span.y-m{font-size: .5em;}
.list21 li .InfoPicture img,.list21 li .InfoTitle,.list21 li .InfoMore{transition: all 0.5s}
.list21 li:hover .InfoTitle {text-indent: 6px;}
.list21 li:hover .InfoPicture img{transform: scale(1.1);}
.list21 li .InfoWrap .InfoMore{display: block; height: 40px; line-height: 40px;}
.list21 li .InfoWrap .InfoMore{display: block; transition: all 0.6s linear; overflow: hidden; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.list21 li .InfoWrap .InfoMore span {display: block; position: relative; top: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.list21 li .InfoMore:hover span{top: -100%;}

/*文章扩展组件1*/
.floor_article1{ max-width: 1440px; margin: 0 auto; }
.article1 li{ overflow: hidden; }
.article1 li img{ transition-duration: .5s; }
.article1 .InfoPicture{ overflow: hidden; height: 228px; position:relative; }
.article1 .InfoPicture .x_line { position:absolute; top:auto; bottom:auto; left:50%; margin-left:-15px; width:30px; height:30px; font-size:30px; z-index:3; color:#fff; }
.article1 .InfoPicture .x_line1 { display:none; bottom:-9px; transform:rotate(-90deg); }
.article1 .InfoPicture .x_line2 { display:block; top:-9px; transform:rotate(90deg); }
.article1 li.m1 .InfoPicture .x_line1 { display:block; }
.article1 li.m1 .InfoPicture .x_line2 { display:none; }
.article1 .InfoWrap{ padding: 20px; }
.article1 .InfoTime{ position: relative; font-size: 18px; color: #666; font-weight: 100; transition-duration: .2s; }
.article1 .InfoTime span{ position: absolute; right: -60px; width: 30px; height: 30px; border: 1px solid #aaa; color: #666; line-height: 30px; text-align: center; transition-duration: .5s; }
.article1 .InfoTitle{ margin-top: 21px; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition-duration: .3s; }
.article1 .InfoSContent{ line-height: 1.8em; margin-top: 21px; height: 7.2em; overflow: hidden; color: #666; transition-duration: .5s; }
.floor_article1 .pagination{ padding: 20px 0 0; text-align: center; display:none; }
.floor_article1.floor_article1_swiper .pagination { display:block; }
.floor_article1 .pagination span{ display: inline-block; width: 40px; height: 40px; margin: 0 20px; border: 1px solid #aaa; cursor: pointer; font-size: 20px; color: #aaa; line-height: 40px; text-align: center; }
.floor_article1 .pagination span:hover{ box-shadow: 0 0 10px rgba(0,0,0,.2) inset; }
.floor_article1 .pagination span:active{ box-shadow: 0 0 20px rgba(0,0,0,.3) inset; }
.article1 li:hover img{ transform: scale(1.1); }
.article1 li:hover .InfoTime{ transform: translateX(10px); }
.article1 li:hover .InfoTime span{ right: 10px; }
.article1 li:hover .InfoTitle{ transform: translateX(10px); }
.article1 li:hover .InfoSContent{ transform: translateX(10px); }

/*文章扩展组件2*/
.floor_article2{ max-width: 1440px; margin: 0 auto; }
.article2:after{ content: ''; display: block; clear: both; }
.article2 a{ position: relative; display: block; padding: 15px; }
.article2 .InfoTime{ position: absolute; left: 15px; top: 15px; bottom: 15px; margin: auto; width: 70px; height: 70px; z-index: 1; }
.article2 .InfoTime span{ display: block; text-align: center; }
.article2 .InfoTime span.d{ font-size: 1em; padding-top: 5px; }
.article2 .InfoTime span.y-m{ font-size: .5em; }
.article2 .InfoWrap{ padding: 20px 20px 20px 55px; margin-left: 35px; background: #FFF; transition-duration: .5s; }
.article2 .InfoWrap .InfoTitle{ font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition-duration: .5s; }
.article2 .InfoWrap .InfoSContent{ line-height: 1.6em; margin-top: 5px; height: 4.8em; overflow: hidden; color: #888; }
.article2 a:hover .InfoWrap{ box-shadow: 0 5px 20px rgba(0,0,0,.2); }

/*文章扩展组件3*/
.floor_article3{ max-width: 1440px; margin: 0 auto; }
.article3{ overflow: hidden; padding: 5px 0; }
.article3 li a{ position: relative; display: block; margin: 5px; }
.article3 li img{ transition-duration: .5s; }
.article3 .InfoPicture{ overflow: hidden; background: #000; }
.article3 .InfoWrap{ position: absolute; top: 10px; left: 10px; right: 10px; }
.article3 .InfoTime{ position: relative; font-size: 18px; color: #666; font-weight: 100; transition-duration: .2s; }
.article3 .InfoTime span{ position: absolute; right: -60px; width: 30px; height: 30px; border: 1px solid #aaa; color: #666; line-height: 30px; text-align: center; transition-duration: .5s; }
.article3 .InfoTitle{ font-size: 18px; font-weight: bold; color: #FFF; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition-duration: .3s; }
.article3 i{ display: block; width: 50px; margin: 10px 0; height: 2px; background: #FFF; transition-duration: .3s; }
.article3 .InfoSContent{ line-height: 1.8em; padding-right: 10px; height: 3.6em; overflow: hidden; color: #FFF; opacity: 0; transform: translateX(100px); transition-duration: .5s; }
.floor_article3 .pagination{ padding-top: 20px; text-align: center; }
.floor_article3 .pagination span{ display: inline-block; width: 40px; height: 40px; margin: 0 20px; border: 1px solid #FFF; cursor: pointer; font-size: 20px; color: #FFF; line-height: 40px; text-align: center; }
.floor_article3 .pagination span:hover{ box-shadow: 0 0 10px rgba(0,0,0,.2) inset; }
.floor_article3 .pagination span:active{ box-shadow: 0 0 20px rgba(0,0,0,.3) inset; }
.article3 li:hover img{ transform: scale(1.1); opacity: .5; }
.article3 li:hover .InfoTime{ transform: translateX(10px); }
.article3 li:hover .InfoTime span{ right: 10px; }
.article3 li:hover .InfoTitle{ transform: translateX(10px); }
.article3 li:hover i{ width: 90%; transform: translateX(10px); }
.article3 li:hover .InfoSContent{ transform: translateX(10px); opacity: 1; }

/*文章扩展组件4*/
.floor_article4{ max-width: 1440px; margin: 0 auto; padding: 0 10px; }
.article4{ overflow: hidden; position: relative; }
.article4_1.float_left{ margin-right: 15px; }
.article4_1.float_right{ margin-left: 15px; }
.article4_1 .InfoPicture{ position: relative; overflow: hidden; height: 416px; }
.article4_1 .InfoPicture img{ transition-duration: .5s; height:100%; }
.article4_1 .InfoTitle{ position: absolute; color: #FFF; width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: rgba(0,0,0,.5); left: 0; bottom: 0; padding: 0 15px; padding-right: 300px; text-align: left; line-height: 45px; transition-duration: .5s; }
.article4_1 .pagination{ position: absolute; right: 10px; bottom: 15px; z-index: 1; transition-duration: .5s; }
.article4_1 .pagination .swiper-pagination-switch{ width: 8px; }
.article4_2{ overflow: hidden; }
.article4_2 li{ transition-duration: .5s; margin-top: 10px; background: #FFF; padding: 8px 10px; overflow: hidden; }
.article4_2 .InfoPicture{ height: 100%; display: block; float: left; margin-right: 10px; }
.article4_2 a{ display: block; overflow: hidden; }
.article4_2 li.n1{ margin-top: 0; }
.article4_2 .InfoTitle{ font-size: 18px; padding: 2px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition-duration: .5s; }
.article4_2 .InfoTime{ padding: 2px 0; }
.article4_2 .InfoSContent{ color: #999; margin: 2px 0; line-height: 1.6em; height: 3.2em; overflow: hidden; }
.article4_1:hover img{ transform: scale(1.1); }
.article4_1:hover .InfoTitle{ background: rgba(0,0,0,.5); line-height: 70px !important; }
.article4_1:hover .pagination{ bottom: 27px !important; }
.article4_2 li:hover{ box-shadow: 0 10px 25px rgba(0,0,0,.15); }

/*文章扩展组件5*/
.floor_article5{ max-width: 1440px; margin: 0 auto; }
.article5{ padding-top: 10px; }
.article5:after{ content: ""; display: block; clear: both; }
.article5 a{ display: block; margin: 10px; padding: 15px; background: #FFF; transition-duration: .5s; }
.article5 .InfoTitle{ font-size: 18px; transition-duration: 0.5s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.article5 .InfoSContent{ color: #666; margin: 5px 0; line-height: 1.8em; height: 3.6em; overflow: hidden; }
.article5 .InfoTime{ font-size: 12px; color: #999; }
.article5 a:hover{ box-shadow: 0 10px 25px rgba(0,0,0,.15); }

/*文章扩展组件6*/
.floor_article6{ max-width: 1440px; margin: 0 auto; padding: 0 60px; }
.floor_article6 .component_body{ position: relative; }
.article6{ overflow: hidden; padding: 5px 0; }
.article6 li a{ position: relative; display: block; margin: 5px; overflow: hidden; }
.article6 li img{ transition-duration: .5s; }
.article6 .InfoPicture{ overflow: hidden; background: #000; }
.article6 .InfoWrap{ position: absolute; display: flex; flex-direction: column; top: 0; left: 0; right: 0; bottom: 0; box-sizing: border-box; padding: 10px; visibility: hidden; opacity: 0; transform: scale(0); transition-duration: .5s; }
.article6 .InfoWrap.vertical0{ justify-content: center; }
.article6 .InfoTime{ position: relative; font-size: 18px; color: #666; font-weight: 100; transition-duration: .2s; }
.article6 .InfoTime span{ position: absolute; right: -60px; width: 30px; height: 30px; border: 1px solid #aaa; color: #666; line-height: 30px; text-align: center; }
.article6 .InfoTitle{ font-size: 18px; font-weight: bold; color: #FFF;}
.article6 i{ display: block; width: 20px; margin: 10px auto; height: 2px; background: #FFF; transition-duration: .3s; }
.article6 .InfoSContent{ line-height: 1.8em; padding-right: 10px; height: 3.6em; overflow: hidden; color: #FFF; }
.floor_article6 .pagination span{ position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; line-height: 40px !important; border-radius: 50%; border: 1px solid #FFF; cursor: pointer; font-size: 20px; color: #FFF; line-height: 40px; text-align: center; }
.floor_article6 .pagination .prev{ left: -60px; }
.floor_article6 .pagination .next{ right: -60px; }
.floor_article6 .pagination span:hover{ box-shadow: 0 0 10px rgba(0,0,0,.2) inset; }
.floor_article6 .pagination span:active{ box-shadow: 0 0 20px rgba(0,0,0,.3) inset; }
.article6 li:hover .InfoWrap{ visibility: visible; opacity: 1; transform: scale(1); }

/*文章扩展组件7*/
.floor_article7{ max-width: 1440px; margin: 0 auto; }
.article7{ overflow: hidden; }
.article7 li.n1,.article7 li.n2{ float: left; width: 25%; }
.article7 li.n1 .InfoPicture,.article7 li.n2 .InfoPicture{ float: none; width: 100%; }
.thumbright-article7 li.n1,.thumbright-article7 li.n2{ float: right; }
.article7.big_type1 li.n1{ display: none; }
.article7 li a{ display: block; margin: 10px; border: 1px solid #ddd; background: #FFF; transition-duration: .5s; }
.article7 li .InfoWrap{ padding: 8px; overflow: hidden; }
.article7 li .InfoPicture{ float: left; width: 140px; overflow: hidden; }
.article7 li .SuperInfoTime{ float: left; width: 120px; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.article7 li .InfoPicture img{ transition-duration: .5s; }
.article7 li .InfoTitle{ font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition-duration: .5s; }
.article7 li .InfoTime{ margin: 5px 0; font-size: 13px; }
.article7 li .InfoSContent{ overflow: hidden; line-height: 1.6em; height: 3.2em; color: #666; }
.article7 li:hover a{ box-shadow: 0 0 18px rgba(0,0,0,.1); }
.article7 li:hover img{ transform: scale(1.1); }

/*文章扩展组件8*/
.floor_article8{ max-width: 1440px; margin: 0 auto; }
.article8{ overflow: hidden; padding: 20px 0 10px; }
.article8 a{ display: block; margin: 10px; transition-duration: .5s; }
.article8 .InfoWrap{ overflow: hidden; padding: 6px 15px; }
.article8 .InfoPicture{ float: left; width: 140px; }
.article8 .InfoTitle{ font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition-duration: .5s; }
.article8 .InfoTime{ font-size: 12px; margin: 5px 0; }
.article8 .InfoSContent{ color: #666; line-height: 1.8em; height: 3.6em; overflow: hidden; }
.article8 a:hover{ background: #FFF; box-shadow: 0 10px 20px rgba(0,0,0,.15); transform: scale(1.01); }

/*文章扩展组件9*/
.floor_article9{ position: relative; max-width: 1200px; margin: 0 auto; padding: 0 130px; }
.article9 .InfoPicture{ float: left; width: 50%; max-height: 400px; }
.thumbright-article9 .InfoPicture{ float: right; }
.article9 .InfoWrap{ overflow: hidden; padding: 0 30px; display: flex; flex-direction: column; justify-content: center; height: 100%; }
.article9 .InfoTime{ color: inherit; opacity: .5; }
.article9 .InfoTitle{ font-size: 19px; font-weight: bold; margin: 10px 0; color: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.article9 .InfoSContent{ line-height: 1.8em; opacity: .7; }
.floor_article9 .pagination span{ position: absolute; top: 0; bottom: 0; margin: auto; width: 100px; height: 45px; line-height: 45px; text-align: center; font-size: 30px; font-weight: 100; background-color: #333; cursor: pointer; color: #FFF; }
.floor_article9 .pagination span.prev{ left: 10px; }
.floor_article9 .pagination span.next{ right: 10px; }
.floor_article9 .pagination span:hover{ box-shadow: 0 0 5px rgba(0,0,0,.1) inset; }
.floor_article9 .pagination span:active{ box-shadow: 0 0 10px rgba(0,0,0,.2) inset; }
.floor_article9 .pagination span:before{ transform: scale(4,1); }

/*文章扩展组件10*/
.floor_article10{ max-width: 1440px; margin: 0 auto; overflow: hidden; }
.floor_article10 .component_title{ overflow: hidden; padding-bottom: 10px; }
.floor_article10 .component_title .ChannelIcon{ float: left; margin-right: 15px; }
.floor_article10 .component_title h2{ overflow: hidden; }
.floor_article10 .component_title h2.h2_2:before{ left: 0; margin-left: 0; }
.floor_article10 .component_title h2 span.more{ float: right; }
.floor_article10 .component_title p{ color: #666; font-size: 12px; text-align: left; overflow: hidden; padding: 0; border-top: 0.5px solid #e0e0e0; }
.article10{ float: left; box-sizing: border-box; padding: 0 10px; }
.article10 a{ display: block; padding: 10px 0; overflow: hidden; }
.article10 .InfoTitle{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition-duration: .5s; }
.article10 .InfoSContent{ display: none; }
.article10 .InfoTime{ float: right; font-size: 12px; font-weight: 100; color: #666; }
.article10 ul.first-detail1 li.n1 .InfoSContent{ display: block; color: #888; line-height: 1.4em; height: 2.8em; overflow: hidden; }
.article10 ul.first-detail1 li.n1 .InfoTitle{ float: none; font-size: 16px; padding: 7px 0; }
.article10 ul.first-detail1 li.n1 .InfoTime{ position: relative; float: left; width: 80px; height: 80px; margin-right: 15px; background: #f5f5f5; }
.article10 ul.first-detail1 li.n1 .InfoTime i{ display: none; }
.article10 ul.first-detail1 li.n1 .InfoTime span{ position: absolute; left: 0; width: 100%; text-align: center; }
.article10 ul.first-detail1 li.n1 .InfoTime span.d{ font-size: 30px; font-weight: bold; top: 10px; }
.article10 ul.first-detail1 li.n1 .InfoTime span.ym{ top: 50px; }

/*文章扩展组件11*/
.floor_article11{ max-width: 1440px; margin: 0 auto; }
.article11 a{ display: block; padding: 15px; transition-duration: .5s; }
.article11 .InfoTime{ position: relative; float: left; width: 100px; }
.article11 .InfoTime:after{ content: ""; position: absolute; width: 50px; height: 1px; top: 32px; left: 12px; transform: rotate(-45deg); background: #999; }
.article11 .InfoTime span{ display: block; }
.article11 .InfoTime span.d{ font-size: 26px; }
.article11 .InfoTime span.ym{ text-align: right; }
.article11 .InfoPicture{ width: 350px; height: 220px; overflow: hidden; float: left; margin: 0 20px; transition-duration: .5s; }
.article11 .InfoTitle{ font-size: 18px; transition-duration: .5s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.article11 .InfoSContent{ color: #666; overflow: hidden; border-top: 1px solid transparent; margin-top: 15px; padding-top: 15px; line-height: 1.8em; max-height: 9.0em; text-align: justify; transition-duration: .5s; }
.article11 .viewmore{ font-size: 20px; margin-top: 15px; color: #999; font-weight: 100; transition-duration: .5s; overflow: hidden; }
.article11 .viewmore span{ display: inline-block; text-align: center; font-weight: 500; }
.article11 a:hover{ box-shadow: 0 0 25px rgba(0,0,0,.15); }
.article11 a:hover .InfoPicture{ transform: scale(1.05); }
.article11 a:hover .viewmore{ transform: translateX(10px); }

/*文章扩展组件12*/
.floor_article12{ max-width: 1440px; margin: 0 auto; }
.article12{ overflow: hidden; }
.article12 a{ transition-duration: .5s; }
.article12 li.n1{ width: 100%; }
.article12 li.n1 .InfoPicture{ float: left; width: 45%; margin-right: 30px; max-height: 400px; overflow: hidden; }
.article12 li.n1 a{ box-shadow: none; padding: 0; }
.article12 li.n1 .InfoTime{ overflow: hidden; margin-top: 50px; transition-duration: .5s; }
.article12 li.n1 .InfoSContent{ padding-right: 20px; }
.article12 li{ width: 33.3333%; float: left; }
.article12 a{ display: block; margin: 15px; padding: 30px; box-shadow: 0 0 10px rgba(0,0,0,.1); }
.article12 .InfoTime:after{ content: ""; display: block; width: 20px; height: 1px; margin: 5px 0 20px; background: #999; }
.article12 .InfoTitle{ font-size: 16px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition-duration: .5s; }
.article12 .InfoSContent{ color: #999; margin-top: 15px; line-height: 1.8em; height: 5.4em; overflow: hidden; text-align: justify; }
.article12 .viewmore{ margin-top: 15px; transition-duration: .5s; }
.article12 li a:hover{ background: #FFF; box-shadow: 0 0 15px rgba(0,0,0,.15); }

/*文章扩展组件13*/
.floor_article13{ max-width: 1440px; margin: 0 auto; overflow: hidden; display: flex; align-items: center; }
.floor_article13 .component_title{ display: flex; align-items: center; font-size: 14px; color: #545556; padding: 12px 0 12px 10px; font-weight:bold; }
.floor_article13 .component_title img{ margin-right: 5px; }
.floor_article13 .component_body{ flex: 1; overflow: hidden; }
.floor_article13 .component_bottom{ font-size: 14px; color: #545556; padding: 12px 10px 12px 0; }
.article13{ overflow-x: auto; white-space: nowrap; position: relative; margin: 0 12px; padding: 12px 0; }
.article13 li{ position: relative; display: inline-block; margin-right: 50px; }
.article13 li a{ font-size: 14px; margin-right: 8px; padding-left: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.article13 li span{font-size: 12px; color: #888; }

/*文章扩展组件14*/
.floor_article14{ max-width: 1440px; margin: 0 auto; overflow: hidden; }
.article14 .component_title{ overflow: hidden; padding-bottom: 10px; }
.article14 .component_title .ChannelIcon{ float: left; margin-right: 15px; }
.article14 .component_title h2{ overflow: hidden; }
.article14 .component_title h2 a{ padding: 0; }
.article14 .component_title h2.h2_2:before{ left: 0; margin-left: 0; }
.article14 .component_title h2 span{ float: right; }
.article14 .component_title p{ color: #666; font-size: 12px; text-align: left; overflow: hidden; padding: 0; border-top: 0.5px solid #e0e0e0; }
.article14{ float: left; box-sizing: border-box; padding: 0 10px; }
.article14 .Wrap{ padding: 10px; background-color: #FFF; }
.article14 a{ position: relative; display: block; padding: 10px 0; overflow: hidden; }
.article14 .InfoTitle{ float: left; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition-duration: .5s; }
.article14 .InfoTime{ position: absolute; right: 0; top: 0; bottom: 0; height: 1em; line-height: 1em; margin: auto; font-size: 12px; font-weight: 100; color: #666; }
.article14 .InfoSContent{ display: none; }
.article14 li .InfoPicture{ display: flex; justify-content: center; align-items: center; overflow: hidden; }
.article14 li img{ display: block; width: 100%; }
.article14 li.first-detail1 .InfoSContent{ display: block; color: #888; line-height: 1.4em; height: 2.8em; overflow: hidden; }
.article14 li.first-detail1 .InfoTitle{ float: none; font-size: 16px; padding: 7px 0; }
.article14 li.first-detail1 .InfoTime{ position: relative; float: left; width: 80px; height: 80px; margin-right: 15px; background: #f5f5f5; }
.article14 li.first-detail1 .InfoTime i{ display: none; }
.article14 li.first-detail1 .InfoTime span{ position: absolute; left: 0; width: 100%; text-align: center; }
.article14 li.first-detail1 .InfoTime span.d{ font-size: 30px; font-weight: bold; top: 10px; line-height: normal; }
.article14 li.first-detail1 .InfoTime span.ym{ top: 50px; }
.article14 li.first-detail2 .InfoTitle,
.article14 li.first-detail2 .InfoTime{ display: none; }
.article14 li.first-detail2 a,
.article14 li.first-detail3 a{ padding: 0; margin-bottom: 10px; }
.article14 li.first-detail3 .InfoTitle{ position: absolute; bottom: 0; height: 45px; width: 75%; line-height: 45px !important; left: 0; color: #FFF; background-color: rgba(0,0,0,.5); }
.article14 li.first-detail3 .InfoTime{ position: absolute; bottom: 0; top: auto; height: 45px; line-height: 45px !important; width: 25%; right: 0; color: #FFF; background-color: rgba(0,0,0,.5); }
/*文章组件15*/
.floor_article15{ max-width: 1440px; margin: 0 auto; }
.floor_article15 .component_body {  }
.article15:after{ content:''; display: block; clear: both; }
.article15 a{ display: block; overflow: hidden; }
.article15 li{  }
.article15 li a{ margin:0; overflow: hidden; padding:0; display:flex; }
.article15 li .LeftWrrap { float:left; padding:15px 60px 15px 10px; position:relative; box-sizing:border-box; max-width:50%; }
.article15 li .InfoTime{ margin-bottom: 10px; min-width:130px; }
.article15 li .centerLine { position:absolute; top:0; right:29px; width:2px; height:100%; }
.article15 li .centerPoint { position:absolute; top:15px; right:-6px; width:14px; height:14px; border-radius:50%; }
.article15 li .InfoPicture{ max-width:100%; overflow:hidden; }
.article15 li img{ width:100%; transition-duration: .5s; }
.article15 li .InfoWrap { padding:15px 10px 15px 0; overflow:hidden; }
.article15 li .InfoTitle{ font-weight:normal; margin:0 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition-duration: .5s; }
.article15 li .InfoSContent{ margin-bottom:10px; max-height:5.4em; line-height: 1.8em;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; }
.article15 li .InfoHit{ margin-bottom: 10px; }
.article15 li .more{ margin-bottom:10px; }
.article15 li .more span{ max-width:100%; display:inline-block; text-align:center; }
.article15 li:hover img{ transform: scale(1.1); }
/*文章组件16*/
.floor_article16{ max-width: 1440px; margin: 0 auto; }
.floor_article16 ul{ overflow: hidden; }
.floor_article16 li{ overflow: hidden; }
.floor_article16 .float_left{ margin-right: 20px; }
.floor_article16 .float_right{ margin-left: 20px; }
.floor_article16 .ChannelIcon{ float: left; margin-right: 10px; }
.floor_article16 .InfoPicture{ float: left; margin-right: 15px; }
.floor_article16 a{ display: block; font-size: 0; }
/*文章组件17*/
.floor_article17{ max-width: 1440px; margin: 0 auto; }
.article17:after{ content: ''; display: block; clear: both; }
.article17 a{ display: block; overflow: hidden; }
.article17 li{ width: 25%; float: left; }
.article17 li a{ margin: 0 10px 20px; overflow: hidden; }
.article17 li .InfoPicture{ overflow: hidden; position: relative; }
.article17 li img{ transition-duration: .5s; }
.article17 li .InfoTitle{ font-size: 16px; text-align: left; color: #333; margin: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition-duration: .5s; }
.article17 li .InfoSContent{ font-size: 13px; margin-bottom: 10px; color: #999; height: 3.6em; line-height: 1.8em; overflow: hidden; }
.article17 li .InfoTime{ font-size: 18px; color: #888; font-weight: bold; margin-bottom: 10px; }
.article17 li .InfoHit{ margin-bottom: 10px; }
.article17 li .viewmore{ margin-bottom: 10px; clear: both; }
.article17 li .viewmore span{ display: inline-block; text-align:center; }
.article17 li:hover img{ transform: scale(1.1); }
.article17 li .TimeStyle2 .InfoTime{ float: left; }
.article17 li .TimeStyle2 .InfoHit{ float: right; }
.article17 li .TimeStyle3 .InfoTime{ float: right; }
.article17 li .TimeStyle3 .InfoHit{ float: left; }
.article17 li .TimeStyle4 .SuperInfoTime{ position: absolute; top: 0; left: 0; }
.article17 li .TimeStyle5 .SuperInfoTime{ position: absolute; top: 0; right: 0; }
/*文章组件18*/
.floor_article18{ max-width: 1440px; margin: 0 auto; }
.floor_article18 .float_left{ margin-right: 20px; }
.floor_article18 .float_right{ margin-left: 20px; }
.floor_article18 .channel1,.floor_article18 .channel2{ overflow: hidden; max-width: 100%; }
.floor_article18 .channel1 ul{ overflow: hidden; display: none; }
.floor_article18 .channel1 ul.on{ overflow: hidden; display: block; }
.floor_article18 .channel1 li{ overflow: hidden; }
.floor_article18 .channel1 .InfoPicture{ float: left; margin-right: 15px; max-width: 50%; }
.floor_article18 .channel1 a{ display: block; overflow: hidden; }
.floor_article18 .channel1 li.first .InfoSContent{ display: block !important; }
.floor_article18 .channel1 li.first .InfoTime{ float: none; }
.floor_article18 .channel1 .InfoTime{ float: right; }
.floor_article18 .channel2 li{ overflow: hidden; }
.floor_article18 .channel2 li img{ float: left; margin-right: 10px; }
.floor_article18 .channel2 li span{ display: block; overflow: hidden; }
.floor_article18 .channel2 .Q,
.floor_article18 .channel2 .A{ overflow: hidden; }
.floor_article18 .tabbar{ overflow: hidden; padding: 5px 10px; }
.floor_article18 .tabbar .tabbarTitleWrap{ overflow-x: auto; overflow-y: hidden; white-space: nowrap; font-size: 0; }
.floor_article18 .tabbar .tabbarTitleWrap .title{ float: none; display: inline-block; }
.floor_article18 .tabbar .title{ font-size: 0; float: left; margin-right: 10px; cursor: pointer; }
.floor_article18 .tabbar img{ display: inline-block; vertical-align: middle; margin-right: 5px; }
.floor_article18 .tabbar span{ display: inline-block; vertical-align: middle; }
.floor_article18 .tabbar a{ float: right; margin-left: 10px; }
/*文章组件19*/
.floor_article19{ max-width: 1440px; margin: 0 auto; }
.floor_article19 .component_title div { overflow-x:auto; }
.floor_article19 .tabbar{ text-align: center; margin:0; white-space:nowrap; }
.floor_article19 .tabbar li{ display: inline-block; margin: 0; white-space:normal; }
.floor_article19 .tabbar li a{ display: block; padding:25px 50px; transition-duration: .3s; box-sizing:border-box; }
.floor_article19 .tabbar li img { max-width:100px; margin-bottom: 2px; }
.floor_article19 .tabbar li a:hover{ opacity: .7; }
.floor_article19 .component_body {  }
.article19 .InfoPrice{ position: relative; }
.article19 .InfoPrice i{ position: absolute; right: -50px; top: 0; bottom: 0; margin: auto; height: 1.5em; line-height: 1.5em; transition-duration: .5s; font-size: 20px; }
.article19 li{ transition-duration: .5s; }
.article19 a{ display: block; padding:0; margin: 8px; overflow: hidden; transition-duration: .5s; }
.article19 .InfoPicture{  }
.article19 .InfoWrap { overflow:hidden; }
.article19 .InfoTitle{ font-size:18px; font-weight:bold; }
.article19 .InfoSContent{ margin:15px 0; color: #666; overflow: hidden; }
/*文章组件20*/
.floor_article20{ max-width: 1440px; margin: 0 auto; }
.floor_article20 .component_title div { overflow-x:auto; }
.floor_article20 .tabbar{ text-align: center; margin:0; white-space:nowrap; display:flex; margin:0 9px; }
.floor_article20 .tabbar li{ flex:1; margin: 0; white-space:normal; margin:0 1px; }
.floor_article20 .tabbar li a{ display: block; transition-duration: .3s; box-sizing:border-box; }
.article20 .InfoPrice{ position: relative; }
.article20 .InfoPrice i{ position: absolute; right: -50px; top: 0; bottom: 0; margin: auto; height: 1.5em; line-height: 1.5em; transition-duration: .5s; font-size: 20px; }
.article20 li{ transition-duration: .5s; }
.article20 a{ display: block; padding:0; margin: 8px; overflow: hidden; transition-duration: .5s; }
.article20 .InfoPicture{ float:left; margin-right:15px; }
.article20 .InfoWrap { overflow:hidden; }
.article20 .InfoTitle{ font-size:18px; font-weight:bold; }
.article20 .InfoSContent{ margin: 0; color: #666; overflow: hidden; }
.article20 li.type1 { float:none; width:100% !important; }
.article20 li.type1 .InfoSContent { margin-top:15px; }
.article20 li.type1 .InfoTime { margin-top:15px; }
.article20 li.type2 .InfoTime{ position: relative; float: left; width: 80px; height: 80px; margin-right: 15px; background: #f5f5f5; }
.article20 li.type2 .InfoTime i{ display: none; }
.article20 li.type2 .InfoTime span{ position: absolute; left: 0; width: 100%; text-align: center; }
.article20 li.type2 .InfoTime span.d{ font-size: 30px; font-weight: bold; top: 15px; }
.article20 li.type2 .InfoTime span.ym{ top:45px; }
/*文章扩展组件21*/
.floor_article21{ max-width: 1440px; margin: 0 auto; }
.article21{ overflow: hidden; }
.article21 a{ transition-duration: .5s; overflow: hidden; }
.articleA21 { float: left; width: 60%; }
.articleA21 li.n1{ width: 100% !important; }
.articleA21 li.n1 .InfoPicture{ float: left; width: 45%; margin-right: 30px; max-height: 400px; overflow: hidden; }
.articleA21 li.n1 a{ box-shadow: none; padding: 0; }
.articleA21 li.n1 .info_wrap { position: relative; padding-right: 30px; }
.articleA21 li.n1 .InfoTitle { margin-top: 50px; }
.articleA21 li.n1 .InfoTime{ overflow: hidden; transition-duration: .5s; margin-top: 16px; }
.articleA21 li.n1 .InfoTime:before { display: none; }
.articleA21 li.n1 .InfoSContent{ display: block; margin-top: 16px; }
.articleA21 li{ width: 33.3333%; float: left; }
.articleA21 a{ display: block; margin: 15px; padding: 0; box-shadow: 0 0 10px rgba(0,0,0,.1); position: relative; }
.articleA21 li .info_wrap1 { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; display: flex; align-items: center; justify-content: center; }
.articleA21 li .info_wrap1:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.articleA21 li .info_wrap1 .info_item { width: 80%; }
.articleA21 li .InfoTime:before{ content: ""; display: block; width: 20px; height: 1px; margin: 16px 0 16px; background: #999; }
.articleA21 li .InfoTitle{ font-size: 16px; transition-duration: .5s; }
.articleA21 li .InfoSContent{ display: none; color: #999; overflow: hidden; text-align: justify; }
.articleA21 li a:hover .info_wrap1:before { opacity: 0.5; }
.articleB21 { float: right; width: 35%; padding: 10px; }
.articleB21 li { margin-top: 30px; }
.articleB21 li.n1 { margin-top: 0; }
.articleB21 .InfoTitle{ font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition-duration: .5s; }
.articleB21 .InfoSContent{ margin-top: 8px; overflow: hidden; }
.articleB21 .InfoTime { margin-top: 8px; }

/*文章扩展组件22*/
.floor_article22{ max-width: 1440px; margin: 0 auto; }
.article22{ overflow: hidden; }
.article22 li a{ display: block; padding: 30px 20px 20px 20px; transition-duration: .5s; position: relative; border-top-left-radius:0; background:#F7F7F7; }
.article22 li img{ display: block; }
.article22 .channel{ display: flex; position: absolute;left:0; top:0; z-index: 0; }
.article22 .channel span{ color: #fff; padding: 5px 10px; font-size: 14px; }
.article22 li{ width: 33.3333%; float: left; box-sizing: border-box; padding: 10px; }
.article22 li.big{ width:50%; }
.article22 li.big a{ padding: 0; }
.article22 li.big .channel span{ padding: 10px 40px; font-size: 24px; color: #fff; font-weight: 500; }
.article22 li .wrap{ position: absolute; width: 100%; left: 0; bottom: 0; z-index: 1; padding:18px; box-sizing: border-box; }
.article22 li.big a::before{ content:""; width:100%; height:100%; position: absolute; left: 0; top: 0; z-index:0; background: rgba(0,0,0,.5); opacity: 0;
transition-duration:.3s; }
.article22 li.big:hover a::before{ opacity: 1; }

.article22 .InfoTime{ font-size:14px; color: #999;  transition: all ease .3s; margin-top: 7px; }
.article22 .InfoTitle{ font-size: 16px; font-weight: bold; margin-top:5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.article22 .InfoSContent{ color: #999; margin-top:5px; line-height: 1.8em; height: 5.4em; overflow: hidden; text-align: justify; }
.article22 li a:hover .InfoTitle,.article22 li a:hover .InfoTime,.article22 li a:hover .InfoSContent{ color:#fff !important; }

/*文章扩展组件23*/
.floor_article23{ max-width: 1440px; margin: 0 auto; }
.article23{ overflow: hidden; }
.article23 a{ transition-duration: .5s; }
.article23 li{ width: 33.3333%; float: left; }
.article23 a{ display: block; margin: 10px; padding:22px 30px; box-shadow: 0 0 10px rgba(0,0,0,.1); }
.article23 .InfoTime{ font-size: 48px; font-weight: bold; line-height: 50px; font-family: 'sheepsansbold'; color: #999;  padding:0 0 15px;  
border-bottom: 1px solid #dbdbdb; transition: all ease .3s; }
.article23 .InfoTime span{ font-size: 16px;  line-height: 20px; display: block; }
.article23 .InfoTitle{ font-size: 16px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition-duration: .5s; margin-top: 25px; }
.article23 .InfoSContent{ color: #999; margin-top: 15px; line-height: 1.8em; height: 5.4em; overflow: hidden; text-align: justify; }
.article23 .viewmore{ margin-top: 15px; transition-duration: .5s; }
.article23 li a:hover{ background: #FFF; box-shadow: 0 0 15px rgba(0,0,0,.15); }

/*文章扩展组件24*/
.floor_article24{ max-width: 1440px; margin: 0 auto; padding: 0 10px; overflow: hidden; }
.article24{ overflow: hidden; position: relative; }
.article24_1.float_left{ margin-right: 15px; }
.article24_1.float_right{ margin-left: 15px; }
.article24_1 li,.article24_1 .swiper-wrapper{ height: 100%; position: relative; }
.article24_1 .InfoPicture{ overflow: hidden; }
.article24_1 .InfoPicture img{ width:100%;height:100%; object-fit:cover;  transition-duration: .5s;  }
.article24_1 .InfoTitle{ position:absolute; left:0; bottom:0; color:#FFF; width:100%; height:100px;  padding: 0 100px 0 15px; display: flex; align-items: flex-end;
background: linear-gradient(to top,#000 10%, rgba(0, 0, 0, 0) 90%) !important; text-align: left; box-sizing: border-box; transition-duration: .5s;  }
.article24_1 .InfoTitle span{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.article24_1 .pagination{ position: absolute; right:5px; bottom: 15px; z-index: 1; transition-duration: .5s; }
.article24_1 .pagination span{ color: #fff; font-size:24px; padding: 5px 7px; cursor: pointer; }
.article24_1 .pagination .swiper-pagination-switch{ width: 8px; }

.article24_2{ overflow: hidden; }
.article24_2 li{ transition-duration: .5s; margin-top: 10px; padding:10px 10px 15px; overflow: hidden; display: flex; border-bottom: 1px solid #ddd; }
.article24_2 .InfoPicture{ height: 100%; display: block; float: left; margin-right: 10px; }
.article24_2 a{ display: block; overflow: hidden; }
.article24_2 li.n1{ margin-top: 0; padding-top: 5px; }
.article24_2 .InfoTitle{ font-size: 18px; padding: 2px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition-duration: .5s; }
.article24_2 .time{ background: #FFF; padding: 15px; text-align: center; box-shadow: 0 0 12px rgba(101, 69, 135, 0.26); border-radius:5px; 
margin-right: 22px;  }
.article24_2 .time .ym{ white-space: nowrap; padding-top:5px; }
.article24_2 .InfoSContent{ color: #999; margin: 2px 0; line-height: 1.6em; height: 3.2em; overflow: hidden; }
.article24_1:hover img{ transform: scale(1.1); }
.article24_1:hover .InfoTitle{ background: rgba(0,0,0,.5); line-height: 70px !important; }
.article24_1:hover .pagination{ bottom: 27px !important; }
.article24_2 li:hover{ box-shadow: 0 10px 25px rgba(0,0,0,.15); }


/*文章扩展组件25*/
.floor_article25{ max-width: 1440px; margin: 0 auto; box-sizing:border-box; position: relative; overflow: hidden; }
.floor_article25 .component_body { padding:5px 15px; overflow: hidden; }
.floor_article25 .col_left { float:left; width:280px; padding:0 10px 5px; box-sizing:border-box; }
.floor_article25 .col_left .top{ position: relative; padding-bottom: 10px;}
.floor_article25 .col_left h2{  text-align: left; padding-bottom:5px; }
.floor_article25 .col_left h2.h2_2 { position:relative; padding-bottom:12px; margin-bottom:0px; }
.floor_article25 .col_left h2.h2_2:before { content:""; position:absolute; left:0; margin-left:0; bottom:8px; width:1