@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ font-size:14px; padding:0px; margin:0px }
body{color:#000;background: #FFF; padding:0px; margin:0px auto;overflow:scroll;overflow-x:hidden;overflow-y:auto;
font-family: Arial,Microsoft YaHei,Helvitica,Verdana,Tohoma,san-serif; font-size: 14px; max-width:740px; opacity: 0; }
body.toscroll{ pointer-events: none; }
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0; }
p{ line-height: 1.5em; }
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0;/* Remove most spacing between table cells.*/}
li{ list-style: none outside none; }
/*链接*/
a{ text-decoration:none; color:#000; background: transparent; outline:none}
a:visited {color:#bbb; }
a:focus { outline:none; }
a:hover, a:active{ color:#555; outline:none;}
/*标题*/
h1 { font-size: 1.3em;margin: 0;}
h2 {font-size: 1.2em; margin: 0;}
h3 { font-size: 1.17em;margin: 0;}
h4 {font-size: 1em;margin:0;}
h5 {font-size: 0.83em;margin: 0;}
h6 { font-size: 0.67em;margin: 0;}
/*表单*/
form {margin: 0;}
button,input,select,textarea {
font-size: 100%; /* Correct font size not being inherited in all browsers. */
margin: 0; /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */
vertical-align: baseline; /* Improve appearance and consistency in all browsers */
*vertical-align: middle; /* Improve appearance and consistency in all browsers */
}
button,select {text-transform: none;}
input{ -webkit-border-radius:5px; -moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;
background-color: #FFFFFF; border: 1px solid #E8E8E8; margin: 3px 0px;
padding: 10px 3px; width:96%; line-height: normal; }
textarea{ -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;border-radius:5px;
-moz-box-sizing: border-box; background-color: #FFFFFF; border: 1px solid #E8E8E8; margin: 3px 0px;padding: 5px 3px; width:96%; }
/*其它*/
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
code, kbd, pre, samp {font-size: 1em;}
pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl{margin: 1em 0;}
dd {margin: 0 0 0 40px;}
audio:not([controls]) {display: none; height: 0;}
/*==========@@HTML默认 结束@@==========*/
/*==========@@元件 开始@@==========*/
/*常用颜色*/
.blue {color: #00F !important;}
.green {color: #0F0 !important;}
.red {color: #F00 !important;}
.black {color: #000000 !important;}
.white {color: #FFFFFF !important;}
.gray { color:gray; !important; }
.purple { color:purple; !important;}
/*清除浮动*/
.clear { display:block; clear:both;}
.float_left { float:left; }
.float_right { float:right; }
/*对齐方式*/
.left { text-align: left}
.right {text-align: right}
.center{ text-align: center}
/*其它*/
.hide { display:none; } /*隐藏*/
.code_image{ cursor: pointer; padding-bottom:6px;} /*验证码图片样式*/
/*必须输入,主要*/
.required{ color:red; font-weight:bold;}
.form_text_verifycode { width:80px; }
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}
/*按钮*/
.btn{ width:100%; padding:9px 0px;font-size:16px;text-decoration:none; margin:5px 0px; cursor:pointer;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;
background:#2b2b2b;border:0px solid #0B8E00; color:#ffffff; display:block; text-align:center; }
.btn:active{}
.btn_download{color:#ffffff; display:block; text-align:center; cursor:pointer;
width:80px; text-decoration:none; margin:0px;
background:#2b2b2b;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;
text-indent:0; }
.btn_download:active{ padding:0px;top:0px;
background-image:-o-linear-gradient(bottom, #5DD300 0%, #179F00 100%);
background-image:-moz-linear-gradient(bottom, #5DD300 0%, #179F00 100%);
background-image:-webkit-linear-gradient(bottom, #5DD300 0%, #179F00 100%);
background-image:-ms-linear-gradient(bottom, #5DD300 0%, #179F00 100%);
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #5DD300),color-stop(1, #179F00));
background-image:linear-gradient(bottom, #5DD300 0%, #179F00 100%);
-webkit-box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5);box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5); }
.btnSmsCode{ width:90%; float:right; padding:6px 0; font-size:14px;}
/*箭头*/
.arrow{ background:url(../images/system/arrow1.png) center center no-repeat; background-size:14px;width:30px; height:30px; display:block; float:right;vertical-align:middle;}
/*频道*/
.ChannelName{}
.ChannelContent{ clear:both; padding: 5px 15px; line-height:2.0em; color: #666; }
.ChannelContent p{ line-height: 2.0em; }
.ChannelSContent{}
.ChannelAlbum{ overflow: hidden; }
/*信息*/
.InfoTitle, .ChannelName{ font-size:18px; line-height: 1.5em; vertical-align:middle; color: #444; }
.InfoTime{color:#999; text-align:left; font-size:12px; padding:2px 0px; height:25px; line-height: 25px; }
.InfoContent{ line-height:2.0em; color: #666; }
.InfoContent p{ line-height: 2.0em;}
.InfoPicture{ text-align: center;}
.InfoPicture img{ display: block; width:100%; }
.f1{}
.f2{}
.f3{}
.f4{}
.f5{}
.ShowInfo{ height: 30px; line-height: 1.5em; font-size:18px; border-top: 1px solid #bdbec1; vertical-align:middle; padding-top:5px; color:#000000;}
#ReadLevelTip{ font-weight:bold; color:red;}
.Tag{ text-align: left; font-weight:bold; }
.Tag b{}
.Tag a{ padding:0 3px; font-weight:normal; text-decoration:none;}
.InfoContent img, .ChannelContent img{max-width:100%; }
/*细边框*/
.minBorderTop{ position: relative; }
.minBorderTop::after{ content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #ddd; color: #eee;
-webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
.minBorderBottom{ position: relative; }
.minBorderBottom::after{ content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #ddd; color: #eee;
-webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
/*==========@@元件 结束@@==========*/
/*==========@@模块 开始@@==========*/
.left_title{ border:0px solid red; clear:both; }
.left_title h2 { color:#5e5e5e; font-size: 20px; text-align:center; overflow:hidden; margin: 10px 0 8px; font-weight: normal; }
.left_title h2 a { color:#5e5e5e; font-size: 20px; border-radius:5px; font-weight:normal; }
.left_title i{ width: 45px; height: 2px; display: block; margin: 0 auto; background: #2b2b2b; margin-bottom: 10px; opacity: 0.8; }
.left_body{ }
.left_bottom { clear:both; height:5px; }
/*样式1*/
.left_title1{ text-align: center; overflow:hidden; padding: 0 15px; }
.left_title1 h2 { font-size: 20px; }
.left_title1 h2 a{ font-size: 20px; color:#0060ad; font-weight: normal; }
.left_title1 p { color: #b7b7b7; font-size: 12px; }
.left_title1 i{ display: block; width: 30px; height: 3px; background: #ccc; margin: 10px auto; border-radius: 3px; }
.left_body1 { zoom:1; overflow: hidden }
.left_bottom1 { text-align: center; }
.left_bottom1 .more{ display: inline-block; padding: 12px 70px; margin-top: 15px; background: #444; color: #FFF; font-size: 12px; border-radius: 3px; }
/*样式2*/
.left_title2{ text-align:center; overflow: hidden;margin-bottom: 25px; }
.left_title2 p { color: #ccc; font-size:12px;}
.left_title2 h2 a{ line-height:40px; font-size: 24px; font-weight:normal; color: #fff;}
.left_title2 i{ display: block; width: 30px; height: 3px; background: #fff; margin: 0 auto; margin: 10px auto; }
.left_body2 { overflow:hidden; zoom:1;}
.left_bottom2 { }
/*==========@@模块 结束@@==========*/
/*==========@@布局 开始@@==========*/
/*===公共 开始===*/
body_index, .body_single, .body_article, .body_picture, .body_download, .body_video, .body_product, .body_job, .body_guestbook, .body_feedback{ }
.index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:100%; margin:0px auto }
#top, #logo, #navigation, #banner, #location, #announcement, #link, #copyright { width: 100%; margin: 0px auto;}
/*===公共 结束===*/
/*===首页 开始===*/
#index_1{ overflow:hidden; background:#f5f5f5; padding:20px 0; }
#index_2{ overflow:hidden; padding:20px 0; }
#index_3{ overflow:hidden; padding:20px 0; }
#index_4{ overflow:hidden; padding:20px 0; background:#f5f5f5; }
#index_5{ overflow:hidden; padding:20px 0; }
/*===首页 结束===*/
/*===招聘频道 开始===*/
.job{ }
table.job_table { border:0px solid #16b7b7; margin:3px 0px; padding:0px; text-align:center; width:100%; border-collapse:collapse;}
table.job_table td{ padding:3px 2px; color: #999;}
table.job_table th{color:#000; font-weight: normal; text-align: left;}
.JobName{ font-size:18px; border-bottom: 1px solid #ddd; padding-bottom:8px; font-weight:bold;}
/*===招聘频道 结束===*/
/*===留言频道 开始===*/
.guestbook{ }
.guestbook .ChannelName h1{ border-bottom:1px dotted #CCCCCC; padding:5px 0px;}
table.guestbook_table{ width:95%; margin: 0 auto; }
table.guestbook_table .t1{ width:25%; text-align:left }
table.guestbook_table .t2{ width:75%; text-align:left;}
/*===留言频道 结束===*/
/*===反馈模型 开始===*/
.feedback{ }
.feedback .ChannelName h1{ border-bottom:1px dotted #CCCCCC; }
table.feedback_table{ width:100%;}
table.feedback_table .t1{ width:25%; text-align:left }
table.feedback_table .t2{ width:75%; text-align:left;}
/*===反馈模型 结束===*/
/*===订购 开始===*/
.order{width:98%;margin:0px auto}
.order .WantOrder h1{ border-bottom:1px dotted #999999; padding: 5px 0px;}
.order .f1{ float:right; color:red;}
.order table.order_table{ width:100%; }
.order table.order_table .t1{ width:28%; text-align:left}
.order table.order_table .t2{ height:72%; text-align:left}
/*===订购 结束===*/
/*===地图 开始===*/
.sitemaplist li{border-bottom:1px dashed #d0d1d4;padding: 0.5em 8px; background-color:#FFF}
.sitemaplist li .ChannelName{ font-weight:bold;}
.sitemaplist li .ChannelDepth1{ font-weight:bold;}
.sitemaplist li .ChannelDepth2{text-indent: 2em; }
.sitemaplist li .ChannelDepth3{text-indent: 4em; }
.sitemaplist li .ChannelDepth4{text-indent: 6em; }
.sitemaplist li .ChannelDepth5{text-indent: 8em; }
/*===地图 结束===*/
/*==========@@布局 结束@@==========*/
/*==========@@公共模块 开始@@==========*/
/*Logo部分*/
#logo_mian{ position: relative; height: 60px; }
#logo{ position:relative; position: fixed; top: 0; left: 0; right: 0; margin: auto; max-width: 640px; z-index: 99; background-color: #FFF; box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); }
#logo .WebLogo{ display: flex; align-items: center; }
#logo .WebLogo .WebLogo{ flex: 1; }
#logo .WebLogo .shownavbtn{ width: 1.6em; height: 1em; margin: 20px 15px 20px 0; border-top: 2px solid #666; border-bottom: 2px solid #666;
display: flex; flex-direction: column; align-items: center; justify-content: center; }
#logo .WebLogo .shownavbtn:before{ content:""; display: block; width: 100%; height: 2px; background: #666; }
#logo .WebLogo img{ display:block;/*解决img底部空白的bug*/ margin-left: 15px; }
/*导航格*/
#navigationshade { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999; background: rgba(0,0,0,.5); display: none; }
#navigationshade:after,#navigationshade:before{ content: ""; display: block; position: absolute; width: 20px; height: 2px; left: 30%; margin-left: -40px; top: 40px; background: #FFF; border-radius: 3px; }
#navigationshade:after{ transform: rotate(45deg); }
#navigationshade:before{ transform: rotate(-45deg); }
.navigationlist{ position: fixed; right: -68%; top: 0; background: #FFF; overflow-y: scroll; width: 68%; height: 100%; z-index: 10000; }
.seachwrap{ align-items: center; background: #f5f5f5; margin: 20px 20px 20px 30px; border-radius: 50px; overflow: hidden; }
.seachwrap form { display:flex; }
.seachwrap input{ margin: 0; border: 0; width:100%; line-height: 40px; outline: none; background: #f5f5f5; }
.seachwrap input.Keywords { flex:3; padding: 0 0 0 15px; }
.seachwrap input.btnSearch { flex:1; padding: 0 15px 0 0; background:url(../images/searchbtn.png) no-repeat center; }
.navigationlist li{ position: relative; }
.navigationlist li i.HasChild{ position: absolute; width: 80px; height: 50px; right: 0; top: 0; }
.navigationlist li i.HasChild:after,.navigationlist li i.HasChild:before{ content:''; display: block; background: #666; margin: auto; border-radius: 2px;
position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 10px; height: 2px; }
.navigationlist li i.HasChild:before{ width: 2px; height: 10px; }
.navigationlist a{ position: relative; line-height: 50px; font-size:14px; color:#444; overflow:hidden; display:block; margin-left: 50px; }
.navigationlist a.current{ color:#0256ac}
.sub_navigationlist{ display: none; }
.sub_navigationlist a{ margin-left: 80px; }
/*悬浮导航*/
#menu{ width:10%; height:50px; position:absolute; right:10px; top:53%; margin-top:-25px; background:url(../images/list.png) no-repeat center center; display:none; }
#navigation2{ display:block; width:50%; height:100%; overflow:hidden; position:fixed; top:0; right:-50%; z-index:100; background:#353535; box-shadow:0 0 15px rgba(0,0,0,.5);
color:#A3A5A6; transition-property:right; -webkit-transition-property:right; transition:0.4s ease; -webkit-transition:0.4s ease; }
#navigation2.navOpen{ right:0; }
#navigation2 .navigationlist{ width:100%; position:absolute; top:0; left:0; box-sizing:border-box; transition-property:left; -webkit-transition-property:left; transition:0.4s ease; -webkit-transition:0.4s ease; }
#navigation2 .navigationlist.navlistOpen{ left:100%; }
#navigation2 .navigationlist li{ line-height:40px; border-bottom:1px solid #2a2a2a; text-align:center; }
#navigation2 .navigationlist li a{ color: #A3A5A6; }
#navigation2 .navigationlist li.closeNav{ text-align:left; background:rgba(0,0,0,.1); padding:20px 0 0; color:#fff; }
#navigation2 .navigationlist li.closeNav a{ font-size:18px; color:#fff; padding-left:5px; }
#navigation2 .navigationlist li.closeNav a .forward{ float:left; padding-left:10px; height:25px; }
#navigation2 .navigationlist li.closeNav a .forward img{ padding-top:11px; }
#navigation2 .navigationlist li .openSubnav{ width:40px; height:40px; float:right; text-align:center; }
#navigation2 .navigationlist li .openSubnav img{ padding-top:10px; }
#navigation2 .subnavigationlist{ width:100%; height:100%; position:absolute; top:0; right:100%; background:#353535; overflow:hidden; box-sizing:border-box; color:#A3A5A6; transition-property:right; -webkit-transition-property:right; transition:0.4s ease; -webkit-transition:0.4s ease; }
#navigation2 .subnavigationlist.navOpen{ right:0; }
#navigation2 .subnavigationlist{ }
#navigation2 .subnavigationlist li{ line-height:40px; border-bottom:1px solid #2a2a2a; text-align:center; }
#navigation2 .subnavigationlist li.closeSubnav{ text-align:left; background:rgba(0,0,0,.1); padding:20px 0 0; color:#fff; }
#navigation2 .subnavigationlist li.closeSubnav a{ font-size:18px; color:#fff; padding-left:5px; }
#navigation2 .subnavigationlist li.closeSubnav a .forward{ float:left; padding-left:10px; height:25px; }
#navigation2 .subnavigationlist li.closeSubnav a .forward img{ padding-top:11px; }
#navigation2 .subnavigationlist li .openSubnav{ font-size:20px; width:40px; height:40px; display:block; float:left; text-align:center; }
#navigation2 .subnavigationlist li a{ padding:10px 10px 10px 12px; color:#A3A5A6; }
/*===幻灯片 开始===*/
#banner { margin-bottom:0px; overflow:hidden; position: relative;}
#banner img{ width:100%; display: block; }
#banner .swiper-pagination-bullet{ width: 8px; height: 8px; background:#fff; /*分页点默认颜色*/}
#banner .swiper-pagination-bullet-active{ background:#2b2b2b; /*当前活动分页点颜色*/}
/*===幻灯片 结束===*/
/*当前位置*/
#location{ display: none; padding:3px 0px;margin: 0; border-bottom: 0px solid #167312;color:#000; height:1.5em; line-height:1.5em; clear:both; text-indent:3px;}
#location a{color:#000}
/*搜索 */
.search{width:98%;margin:0px auto}
.searchresult{ font-weight:bold; font-size:18px;}
/*公共百度地图*/
#Map{ overflow:hidden; width:100%; }
#Map .MapInfo{ border: 1px dashed #ccc; padding:5px;}
#Map .MapInfo #MapContainer{ width:100%; height:260px; }
#Map .ContactInfo{ padding: 10px; line-height:2em;}
#Map .ContactInfo .Company{ font-size:22px; margin:5px 0;}
#Map .ContactInfo img{ width: 18px; vertical-align:middle; margin-right:8px;}
/*评论*/
.comment{}
.CommentList h1{ border-bottom:1px #999999 dotted; padding:5px 0px;} /*评论列表标题*/
.LeaveComment h1{ border-bottom:1px #999999 dotted; padding:5px 0px; } /*我要评论标题*/
.CommentTime {}
.CommentContent { color:#999999 }
table.comment_table{ width:100%; }
table.comment_table .t1{ width:28%; text-align:left}
table.comment_table .t2{ height:72%; text-align:left}
/*分页条*/
.page {padding:1px; height:auto; clear:both; line-height:0.5em; text-align:center; margin-top:5px;}
.page a, .page span {border:1px solid #D3D1D1; padding:2px 3px; margin: 3px 0px 3px 4px; line-height:22px; background-color:#FFFFFF}
.page a:link, .page_turner a:visited { text-decoration:none; }
.page a:hover { background:#2b2b2b; color:#FFF; }
.page .current{ background:#2b2b2b; color:#FFF;}
.page #total{color:red}
.page .pageinfo{ display: none}
.page .pagefirst{ display: none}
.page .pageend{ display: none}
/*会员登录*/
table.login_table{ width:90%; text-align:center; margin:5px auto;}
table.login_table th{ width:100px; text-align:left; font-weight:bold;}
table.login_table td{ text-align:left; width:200px;}
table.login_table .operation{text-align:center; line-height:2.2em;}
table.login_table .oauth{ text-align:center; }
table.login_table .oauth img{ margin:0 3px;}
/*会员注册*/
table.reg_table{ width:90%; text-align:center; margin:5px auto;}
table.reg_table th{ width:100px; text-align:left; font-weight:bold;}
table.reg_table td{ text-align:left; width:200px;}
table.reg_table .operation{text-align:center; line-height:2.2em;}
table.reg_table #SmsCode{ width: 60px; }
/*忘记密码 第一步*/
table.forget_table1{ width:90%; text-align:center; margin:5px auto;}
table.forget_table1 th{ width:100px; text-align:left; font-weight:bold;}
table.forget_table1 td{ text-align:left; width:200px;}
table.forget_table1 .operation{text-align:center; line-height:2.2em;}
/*忘记密码 第二步*/
table.forget_table2{ width:90%; text-align:center; margin:5px auto;}
table.forget_table2 th{ width:100px; text-align:left; font-weight:bold;}
table.forget_table2 td{text-align:left; width:200px;}
table.forget_table2 .operation{text-align:center}
table.forget_table2 #SmsCode{ width:60px;}
table.forget_table2 .PasswordQuestion, table.forget_table2 .MemberMobile, table.forget_table2 .FindPwdWay{ padding:3px 0;}
/*分享按钮*/
.tool{width:95%; margin:0px auto; text-align:center;}
.tool a{color:#000; font-size:16px}
.tool table{ width:100%; margin:5px 0px }
.tool td{ padding: 3px 5px; width:50%; text-align:center}
/*分享到朋友圈弹出框提示*/
#guide{ position: fixed; top:0; left:0; width:100%; height:100%;background:rgba(0, 0, 0, 0.7); display:none;z-index:20000;}
#guide img {position: fixed;right: 18px;top:5px;width: 260px;height: 180px; z-index:20001;}
/*版权信息*/
#copyright{ text-align:center; font-size:14px; color:#666; border:0px solid red; padding: 20px 0; }
#copyright a{ color:#666; font-size:14px; }
#copyright .TechnicalSupport{ text-align:center; padding-bottom:5px;font-size:14px;}
#copyright .TechnicalSupport a { font-size:14px;}
#copyright .bottom_copyright{ font-size:14px;}
#copyright .bottom_navigation{ text-align:center; height:35px; line-height:35px; background:#71C6A0; font-size:14px; display:none}
#copyright .bottom_navigation a{ font-weight:normal; color:#000}
#copyright .Mobile{text-align:center; height:35px; line-height:35px; background:#0256ac;}
#copyright .Mobile a{ font-weight:normal; color:#fff; font-weight:bold;}
#copyright .Language{padding:10px 0px 0px 0px; color:#666; text-align:center;}
#IPC{ background-color: #f5f5f5; color: #adadad; font-size: 13px; padding: 15px 10px; text-align: center; }
/*底部固定工具条*/
#tool { position: fixed; bottom: 30px; left: 45px; right: 45px; z-index: 900; }
ul.toollist { display: flex; align-items: center; height: 46px; border-radius: 50px; }
.toollist li{ width:33.3333%; }
.toollist li a { line-height: 20px; text-align: center; display: flex; align-items: center; justify-content: center; height: 46px; }
.toollist li a img{ width:18px; height:18px; }
.toollist li a p{ font-size: 14px; margin: 0; }
/*绿色主题*/
.toollist { background: rgba(240,240,240,.8); box-shadow: 0 2px 4px 0 rgba(0,0,0,.2); }
.toollist li{ border-right: 1px solid rgba(255, 255, 255, 0.7);}
.toollist li:last-child{border:0;}
.toollist li a {color: #000;}
.toollist_WxQqcode{ display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.8); z-index: 99999; }
.toollist_WxQqcode .WxQrcodeWrap{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
/*==========@@公共模块 结束@@==========*/
/*==========@@通用列表 开始@@==========*/
/*列表全局样式*/
.textlist li, .gridlist li, .wxlist li, .thumblist li{ line-height:1.5em; vertical-align:middle; background-color:#FFF; overflow:hidden; }
.textlist li:hover, .thumblist li:hover, .gridlist li:hover{cursor:pointer;}
/*文本列表*/
.textlist li{ padding: 10px; line-height: 35px; }
.textlist li .InfoTime{ display: none;}
.textlist li .InfoContent{ font-size:14px; color:#CCCCCC; white-space:normal}
.textlist li img{ float:left; width:85px; margin-right:5px; border:1px solid #167312; }
/*文本列表1*/
.textlist1 { text-align:center; margin-bottom:16px;}
.textlist1 li { display:inline;line-height:30px; float: left;width: 25%;background: #fff;}
.textlist1 li a { color:#333;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px; }
.textlist1 li.swiper-slide-active{background: #0256ac;}
.textlist1 li.swiper-slide-active a{ color:#fff;}
/*带缩略图文本列表*/
.thumblist{ padding: 10px; }
.thumblist li a{ display: flex; justify-content: space-between; align-items: center; padding: 5px 0; }
.thumblist li .InfoPicture{ width: 28%; min-height:80px; border-radius: 3px; overflow: hidden; }
.thumblist li .InfoWrap{ width: 69%; }
.thumblist li .InfoTitle{ color:#444; font-weight:normal; font-size: 15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.thumblist li .InfoTime{ color:#666; font-weight:normal; font-size:12px; padding:0; height:20px; line-height:20px; }
.thumblist li p{ color:#999; font-size:13px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.thumblist li p.SContent{ padding-bottom: 10px; color: #c1c1c1; }
/*带缩略图文本列表1*/
.thumblist1{}
.thumblist1 li { margin-bottom:5px; }
.thumblist1 li a{ display: flex; align-items: center; padding: 10px 15px; }
.thumblist1 li .InfoPicture{ width:140px; min-height:70px; margin-right:10px; }
.thumblist1 li .InfoWrap{ flex: 1; }
.thumblist1 li .InfoWrap .InfoTitle{ color:#444; font-weight:normal; font-size:15px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; }
.thumblist1 li .InfoWrap p.SContent{ color: #c1c1c1; font-size: 13px; margin-bottom: 10px; }
.thumblist1 li .InfoWrap p:last-child{ color:#949494; font-size: 12px; margin: 0; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
/*带缩略图文本列表2*/
.thumblist2{ }
.thumblist2 li { }
.thumblist2 li a{ display: block; padding: 15px; }
.thumblist2 li:first-child a:after{ display: none; }
.thumblist2 li .InfoTitle{color:#444; font-weight:normal; font-size: 15px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; }
.thumblist2 li .InfoTime{ color:#8a8a8a; font-size: 16px; }
.thumblist2 li .InfoTime b{ font-size: 12px; }
.thumblist2 li p{ color:#999; font-size: 13px; margin: 10px 0; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
/*橱窗列表*/
.gridlist{ padding: 5px; display: flex; flex-wrap: wrap; }
.gridlist li{ width:50%; }
.gridlist li a{ display: block; padding: 5px; }
.gridlist li .InfoTitle{ height: 35px; line-height:35px; font-size: 14px; padding:0px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*橱窗列表1*/
.gridlist1 li{width:33.3%;overflow:hidden;float:left; line-height:0em;}
.gridlist1 li .AlbumWrap{ padding:0px 10px; }
.gridlist1 li .AlbumTitle{ height: 45px; line-height:45px; overflow: hidden; font-size: 15px; text-align:center; color: #595959; }
.gridlist1 li p{ font-size: 13px; color: #868686; text-align: center; padding: 0 10px; }
.gridlist1 li .AlbumPicture img{ display: block; width: 100%; }
/*橱窗列表2*/
.gridlist2{ display: flex; flex-wrap: wrap; padding: 0 5px; }
.gridlist2 li{ width: 50%; float:left; }
.gridlist2 li a{ display:block; padding: 8px 5px; }
.gridlist2 li a .InfoPicture{ height: 100%px; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.gridlist2 li a .InfoTitle{ font-size: 15px; color: #565656; padding: 5px 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gridlist2 li a p{ font-size: 12px; color: #7E7E7E; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*视频列表*/
.videolist li{width:50%;overflow:hidden;float:left; line-height:0em;}
.videolist li .InfoTitle{ height: 35px; line-height:35px; overflow: hidden; font-size:14px; padding:0px 5px; text-align:center;}
.videolist li .InfoPicture { padding:0px 3px; position: relative;}
.videolist li .InfoPicture img{ border:1px solid #eee;}
.videolist li i{ position:absolute; width:100%; height:100%;left:0; top:0 ;background:url(../images/play.png) center center no-repeat; cursor:pointer;}
/*微信列表*/
.wxlist{overflow:hidden;
-moz-border-radius: 5px 5px 10px 10px; -webkit-border-radius: 5px 5px 10px 10px;-o-border-radius:5px 5px 10px 10px; border-radius: 5px 5px 10px 10px;
border:0px solid #d0d1d4;
/*
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);-o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
background: url(../images/bottom.png) repeat-x scroll left bottom #FFFFFF;
background-size:2px auto;*/
}
.wxlist .InfoTime{}
.wxlist li{ padding: 10px; }
.wxlist .GoTop{ text-align:center; font-weight:bold; height:30px;line-height:30px; color:#000}
.wxlist .InfoPicture, .wxlist .ChannelPicture{ border: 0px solid red; padding-bottom: 10px; }
.wxlist .InfoPicture img, .wxlist .ChannelPicture img{ width:100%;}
.wxlist .InfoSContent, .wxlist .ChannelSContent{line-height: 1.5em; border:0px solid #900; padding:5px 2px; color:#222222; font-size:14px;}
.wxlist .ShowInfo{ }
/*侧边时间显示*/
.wxlist .InfoTimeSide {margin:10px 8px 0px 0px;width:auto;font-size:12px;float:left;
background-color:#179F00;padding:5px;position:relative;
-webkit-border-radius:12px;-moz-border-radius:12px;-o-border-radius:12px;border-radius:12px;
-webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,0.14);-moz-box-shadow:0 2px 1px 0 rgba(0,0,0,0.14);-o-box-shadow:0 2px 1px 0 rgba(0,0,0,0.14);box-shadow:0 2px 1px 0 rgba(0,0,0,0.14);
font-family:Georgia,"Times New Roman",Times,serif; }
.wxlist InfoTimeSide p{color:#FFF}
.wxlist .InfoTimeSide p b {font-size:20px; }
.wxlist .InfoTimeSide p i {font-size:11px; }
.wxlist .InfoTimeSide span {position:absolute;top:10px;right:-4px;
-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
width:12px;height:12px;transform:rotate(45deg) ;background-color:#179F00;
-webkit-transform:rotate(45deg) ;-moz-transform:rotate(45deg) ;-o-transform:rotate(45deg) ;-ms-transform:rotate(45deg) ; }
/*频道列表*/
.subchannellist{ overflow-x: scroll; white-space: nowrap; display: flex; }
.subchannellist li{ text-align: center; padding: 10px 5px; }
.subchannellist li a{ display:block; padding: 10px; background-color:#FFFFFF; color: #666; border-radius: 3px; box-shadow: 0 0 5px 0 rgba(0,0,0,.1); }
.subchannellist #current a { color:#FFF; background:#2b2b2b;}
/*频道相册列表*/
.channelalbumlist{ }
.channelalbumlist li { float:left; width:33.33%; overflow:hidden; }
.channelalbumlist li img{ width: 100%; display: block; margin-right:8px;}
/*频道相册列表1*/
.channelalbumlist1{ overflow:hidden; }
.channelalbumlist1 li { text-align:left; overflow:hidden; padding:8px 0; display: flex; justify-content: space-between; align-items: center; }
.channelalbumlist1 li i{font-size:40px;border-radius: 50%;width:70px;height:70px;color:#fff;line-height: 70px;float:left; text-align:center; font-style:normal; margin-right:20px; }
.channelalbumlist1 li i.n1{background: #008287;}
.channelalbumlist1 li i.n2{background: #6ce26c;}
.channelalbumlist1 li i.n3{background: #bd362f;}
.channelalbumlist1 li .info_wrap{ flex: 1; }
.channelalbumlist1 li .AlbumTitle {font-size: 15px;font-weight: normal;text-align: left; margin-bottom:5px; color: #444; }
.channelalbumlist1 li p{font-size: 12px;display:block; line-height: 1.6em; text-align: left; color:#adadad; margin: 0; }
/*频道相册列表1*/
.channelalbumlist2{ overflow:hidden; padding:3px 5px;}
.channelalbumlist2 li { float:left; width:33.33%;}
.channelalbumlist2 li img{ width: 100%; display: block; filter: grayscale(0); -webkit-filter: grayscale(0); }
/*==========@@通用列表 结束@@==========*/
.galleryTop{ position: relative; }
.swiper-button-prev, .swiper-button-next{ margin-top: 27px; height: 20px; opacity: 0.4; }