@charset "utf-8"; /*==========@@HTML默认 开始@@==========*/ /*基本*/ *{ font-size:16px;padding:0px; margin:0px } body{color:#000;background: #FFF; padding:0px; margin:0px auto;overflow:scroll;overflow-x:hidden;overflow-y:auto; font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;font-size:16px; max-width:640px; } div{ margin:0; padding:0; border:0; } img{ margin:0; padding:0; border:0; } p{} b,strong {font-weight: bold;} table { border-collapse: collapse; border-spacing: 0;/* Remove most spacing between table cells.*/} li{ list-style: none outside none;} .font2_1{ color:#FF0000; } /*链接*/ a{ text-decoration:none; color:#000; background: transparent; outline:none} 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 { cursor: pointer; outline:0px; -webkit-appearance:none; font-size: 100%; /* Correct font size not being inherited in all browsers. */ margin: 0; border: 0; width: 100%; /* 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 */ } input{ min-height: 35px; border: 1px solid #eee; } button,select {text-transform: none;} 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:99%; } /*其它*/ 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;} 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; } /*隐藏*/ .more{ float: right; font-size:14px; } /*more链接*/ .more a{ color:#167312; font-size:12px; background:#ef6323; padding:5px; color:#fff; border-radius:5px; } .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:12px 0px;font-size:16px;text-decoration:none; margin:20px 0px; cursor:pointer; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; background:#179F00;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:#179F00; -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:3px; line-height:1.8em} .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} .InfoContent{ font-size:17px; line-height:1.8em} .InfoContent a{ font-weight: bold; text-decoration: underline;} .InfoContent p{ font-size:17px} .InfoPicture{ text-align: center;} .InfoPicture img{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 #eee; 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 #eee; 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:#333; font-size:24px; text-align:center; overflow:hidden; margin: 10px 0 8px; font-weight: normal; } .left_title h2 a { color:#333; font-size:24px; border-radius:5px; font-weight:normal; } .left_title i{ width: 55px; height: 2px; display: block; margin: 0 auto; background: #0256ac; margin-bottom: 10px;} .left_body{ padding:3px 5px;} .left_bottom { clear:both; height:5px; } /*样式1*/ .left_title1{ text-align: center; overflow:hidden;} .left_title1 h2 { font-size: 20px; } .left_title1 h2 a{ font-size: 24px; color:#5e5e5e; font-weight: normal; } .left_title1 p { color: #b7b7b7; font-size: 12px; } .left_title1 i{ display: block; width: 30px; height: 3px; background: #1651b8; margin: 10px auto; } .left_body1 { zoom:1; overflow: hidden } .left_bottom1 { } /*样式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 5px; } #index_3{ overflow:hidden; padding:20px 0; background:url(../images/index_3.jpg);} #index_4{ overflow:hidden; padding:20px 5px; } #index_5{ overflow:hidden; padding:20px 0; background:#f5f5f5; } /*===首页 结束===*/ /*===招聘频道 开始===*/ .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:100%;} 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; max-width: 640px; top: 0; left: 0; right: 0; z-index: 99; background-color: #FFF; } #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{ max-height:100%; display:block;/*解决img底部空白的bug*/ } /*导航格*/ #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{ background:#cde0fd; padding:0 10px; 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; float:left; width:20%; } .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:36px; font-size:14px; color:#444; overflow:hidden; display:block; } .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; margin-top:10px; } #banner img{ width:100%; display: block; } #banner .swiper-pagination-bullet{ width: 8px; height: 8px; background:#fff; /*分页点默认颜色*/} #banner .swiper-pagination-bullet-active{ background:#F00; /*当前活动分页点颜色*/} /*===幻灯片 结束===*/ /*当前位置*/ #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{ width:100%; 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 { font-size:12px; 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:#CC0001; color:#ff9900; } .page .current{ background:#CC0001; color:#FFF;} .page #total{color:red} .page .pageinfo{ display: none} .page .pagefirst{ display: none} .page .pageend{ display: none} /*会员登录-会员注册-忘记密码-开始*/ .login_table,.reg_table,.forget_table1,.forget_table2{ padding: 10px; } /*表单*/ .InputWrap{ border: 1px solid #EEE; height: 45px; margin-bottom: 10px; display: -webkit-flex; -webkit-justify-content: -webkit-space-between; -webkit-align-items: center; display: flex; justify-content: space-between; align-items: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .InputWrap span{ padding-left: 10px; } .InputWrap input,.InputWrap>div{ width: 65%; padding: 0 10px; border: 0; outline: none; line-height: 45px; text-indent: 5px; } .InputWrap select{ border: 0; outline: none; } .InputWrap .FindPwdWay{ text-indent: 0; } /*验证码*/ .Verifycode{ width: 65%; padding: 0 10px; } .Verifycode input{ width: 100px; padding: 0; } .Verifycode img{ float: right; padding: 12px 0 0; } /*短信验证码*/ .SmsCodeWrap{ width: 70%; } .SmsCodeWrap input{ margin: 0; } .SmsCodeWrap #SmsCode{ width: 40%; } .SmsCodeWrap .btnSmsCode{ width: 50%; } /*提交按钮下方链接*/ .otherWays{ text-align: center; } .otherWays a{ padding: 0 5px; } /*三方登录*/ .quick_login{ text-align: center; margin-top: 20px; } .quick_login a{ padding: 0 5px; } /*会员登录-会员注册-忘记密码-结束*/ /*分享按钮*/ .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 35px; } #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: 40px; left: 45px; right: 45px; max-width: 550px; margin: auto; 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{ font-size:16px; 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{background:url(../images/textlist.gif) left center no-repeat; text-indent:16px;padding: 8px 0px; text-overflow:ellipsis; white-space:nowrap;border-bottom:1px dotted #999999; } .textlist li.first{ background:none; padding-left:3px;} .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{} .thumblist li {line-height:1.8em;overflow:hidden;width:100%; margin-bottom:5px; padding:10px 0; border-bottom:1px solid #e8e8e8;} .thumblist li img{ float:left; width:100px; min-height:80px; margin-right:8px; border:0px solid #999999; } .thumblist li a:hover img { border:0px solid #034b9f; } .thumblist li .InfoTitle{color:#000000; font-weight:normal;font-size:16px; vertical-align:top; 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{height:2.7em; overflow:hidden; color:#999; line-height:1.4em; margin:0px; font-size:14px;} /*带缩略图文本列表1*/ .thumblist1{} .thumblist1 li {overflow:hidden;width:100%; margin-bottom:5px;} .thumblist1 li a{ display: block; overflow: hidden; } .thumblist1 li .InfoPicture{ float: left; width:100px; min-height:70px; max-height:100px; margin-right:10px; border-radius: 3px; } .thumblist1 li .InfoTitle{color:#444; font-weight:normal; font-size:16px; padding-top: 10px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; } .thumblist1 li .InfoTime{ color:#ccc; height:16px; line-height:16px; } .thumblist1 li p{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color:#999; font-size:14px; margin: 0; } /*橱窗列表*/ .gridlist li{width:50%;overflow:hidden;float:left; line-height:0em;} .gridlist li .InfoTitle{ height: 35px; line-height:35px; overflow: hidden; font-size:14px; padding:0px 5px; text-align:center;} .gridlist li .InfoPicture { padding:0px 3px;} .gridlist li .InfoPicture img{ border:1px solid #eee;} /*橱窗列表1*/ .gridlist1 li{width:33.3%;overflow:hidden;float:left; line-height:0em;} .gridlist1 li a{ display:block; padding:0px 3px; } .gridlist1 li .InfoTitle{ height: 35px; line-height:35px; overflow: hidden; font-size:13px; text-align:center;} .gridlist1 li .InfoPicture { } .gridlist1 li .InfoPicture img{ border:1px solid #eee;} /*橱窗列表2*/ .gridlist2 li{width:33.3%;overflow:hidden;float:left; line-height:0em;} .gridlist2 li a{ padding:0 5px; display:block;} .gridlist2 li .InfoTitle{ height: 35px; line-height:35px; overflow: hidden; font-size:14px; padding:0; text-align:left; color:#fff;} .gridlist2 li .InfoTime{ font-size:12px; padding:8px 0; height:auto;} .gridlist2 li .InfoPicture img{} .gridlist2 li p{ font-size:12px; line-height:1.6em; color:#ccc;} /*视频列表*/ .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 li{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;margin: 10px auto; padding: 8px 8px; /* 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 li .InfoTime{} .wxlist li .GoTop{ text-align:center; font-weight:bold; height:30px; line-height:30px; color:#000} .wxlist li .InfoPicture, .wxlist li .ChannelPicture{ border: 0px solid red} .wxlist li .InfoPicture img, .wxlist li .ChannelPicture img{ width:100%;} .wxlist li .InfoSContent, .wxlist li .ChannelSContent{ background: #fafafa; line-height: 1.5em; border:0px solid #900; padding:5px 2px; color:#222222; font-size:14px;} .wxlist li .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{ width:99%;border:0px solid red; margin:0px auto;} .subchannellist li{float:left;text-align: center; border:0px dashed blue; width:25%; } .subchannellist li a{display:block; margin:8px 3px; padding:5px 0px;background-color:#FFFFFF;border:1px solid #CCC ;} .subchannellist #current a { color:#FFF; background:#0256ac;} /*频道相册列表*/ .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%; border: 1px solid #ddd;margin-top:-1px; display: block; } /*==========@@通用列表 结束@@==========*/ .mainArea{ padding:0 10px; } .hotBox{ padding:8px 0; } .hotBox h2{ height:36px; line-height:36px; font-weight:normal; font-size:16px; border-bottom:2px solid #6a9dd8; } .hotBoxList{ padding:8px 0; } .hotBoxList li{ height:32px; line-height:32px; overflow:hidden; } .hotBoxList li .cat_info{ color:#FF0000; } .recomTitle h2{ height:36px; line-height:36px; font-weight:normal; font-size:16px; border-bottom:2px solid #6a9dd8; } .flashBox{ padding:8px 0; } .flashBox li{ height:32px; line-height:32px; overflow:hidden; } .flashBox li .cat_info{ color:#FF0000; } .newArea h2{ height:36px; line-height:36px; font-weight:normal; font-size:16px; border-bottom:2px solid #6a9dd8; } .newBoxList1{ padding:8px 0; } .newBoxList1 li{ height:32px; line-height:32px; overflow:hidden; } .newBoxList1 li .cat_info{ color:#FF0000; } .itemBox3 dt{ height: 36px; line-height: 36px; font-weight: normal; font-size: 16px; border-bottom: 1px solid #ddd;} .listArrow3{ padding:8px 0; } .listArrow3 li{ background: url(../images/arrow3.gif) no-repeat left center; height:32px; line-height:32px; overflow: hidden; padding-left: 20px; } .listArrow3 li .cat_info{ color:#FF0000; } #link_main{ padding:5px; } #link{ border:1px solid #ddd; padding:5px; box-sizing: border-box; } .link_title { line-height: 28px; height: 28px; } .link_title h2{ height:26px; line-height:26px; font-weight:normal; font-size:14px; } .linktextlist li{ display:inline; } .linktextlist li a{ font-size:12px; padding:0 4px; white-space:nowrap; } .bottomCopyright{ text-align:center; padding:10px; border-top:2px solid #23a7fc; } .bottomCopyright p,.bottomCopyright a{ font-size:12px; } .next_prev,.next_prev a{ font-size:14px; } .next_prev a{ color: #00528e; } .list_Ad{ border: 1px solid #E8E8E8; background:#fff; padding:3px; } .list_Ad .list_ul li{ width:33.333%; float:left; text-align:center; padding:0 15px; font-size: 12px; box-sizing: border-box; line-height:28px; height:28px; overflow:hidden; } .list_Ad .list_ul li a{ display:block; font-size: 12px; } .list_Ad .list_ul li:Hover a{ text-decoration:underline; color:#FF0000; }