@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; }