@charset "utf-8"; /*==========@@HTML默认 开始@@==========*/ /*基本*/ *{ padding:0px; margin:0px } body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0;} body{color:#000; margin:0px auto; font-family: "Arial","Microsoft YaHei"; font-size:14px; background:#fff; } div{ margin:0; padding:0; border:0; } img{ margin:0; padding:0; border:0; } p{ margin: 0px; line-height:1.8em} 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:#626262; background: transparent; outline:none} a:visited { color:#aaa; } a:focus { outline:none; } a:hover{ color:#000;} a:active{ 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%;margin: 3px; vertical-align: baseline; *vertical-align: middle; } button,select {text-transform: none;} input{padding:2px;background-color: #FFFFFF;border: 1px solid #ccc;width:99%;line-height: normal;} textarea{padding: 2px;color: #000000;background-color: #fff;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;} dl{margin: 1em 0;} dd {margin: 0 0 0 40px;} /*==========@@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; height:3px; overflow:hidden; line-height:3px; } .float_left { float:left; } .float_right { float:right; } /*对齐方式*/ .left { text-align: left} .right {text-align: right} .center{ text-align: center} /*按钮*/ .btn {-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; display: -moz-inline-stack; display: inline-block; *display: inline; vertical-align: middle; *vertical-align: auto; zoom: 1; height: 32px; line-height: 32px; padding: 0px 20px;font-weight: 300; font-size: 14px; margin: 0; text-decoration: none; text-align: center; text-indent:0; cursor:pointer; border: 1px solid #d4d4d4; color: #666666; } /*默认样式*/ .btn { background-color: #1651b8; color: #fff; } .btn:hover { background-color: #164698; color:#fff;} .btn:active { background: #164698; color: #FFF;} /*按钮大小*/ .btn-large {font-size: 19px; height: 38.4px; line-height: 38.4px; padding: 0px 26px;} .btn-small { font-size: 12px; height: 25.6px; line-height: 25.6px; padding: 0px 16px;} .btn-tiny { font-size: 12px; height: 22.4px; line-height: 22.4px; padding: 0px 13px;} /*块按钮*/ .btn-block {display: block;} /*表单类*/ .form_text, .form_text:hover, .form_text_verifycode, .form_text_verifycode:hover{border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0; border-width:1px; height:20px; line-height:20px;clip: rect;padding: 2px; color: #000000; } .form_text { width:95%; background-position: 0px 0px;} .form_text:hover {background-position: 0px -37px;} .form_text_verifycode { width:50px; margin-right:3px;background-position: 0px 0px;} .form_text_verifycode:hover {background-position: 0px -37px;} .form_radio{ width:auto; border:0;} .form_checkbox{ width:auto; border:0} .form_select { height:25px; } .form_textarea { width:95%; height:80px; border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;border-width:1px; padding:2px;} .form_button { width:auto; vertical-align:middle; border:0 none;/*解决ie焦点是有黑色边框*/} input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0; } .required{ color:red; font-weight:bold; text-align:left; padding-left:3px;} /*其它*/ .hide { display:none; } /*隐藏*/ .code_image{ cursor: pointer; padding-bottom:6px; } /*验证码图片样式*/ /*频道*/ .ChannelContent{ line-height:2.0em; font-size:14px; color: #6a6a6a; } .ChannelSContent, .ChannelSContent p{ line-height:1.8em} .ChannelContent a{ color: #ff9d02} .ChannelSContent{color:#FFF; line-height:25px; height:200px;overflow:hidden; margin-bottom:10px;} .ChannelSContent a{ color: #ff9d02} .ChannelSContent img, .InfoContent img{ max-width:100% } .ChannelAlbum{ overflow: hidden; } /*信息*/ .InfoTitle{ font-weight:normal; text-align:center; vertical-align:middle; padding:5px 0px} .InfoTitle h1{ font-size:28px; line-height: 1.5em; font-weight:normal; color: #444; } .InfoTime{color:#999; text-align:left; padding:2px 0px; height:25px} .InfoContent, .InfoContent p{ line-height:2.0em; font-size:16px; padding:10px 0; color: #6a6a6a; } .InfoAttachment{ padding:10px 0px; text-align:center; width:81px; margin:0 auto;} .InfoPicture{ text-align: center;} .InfoPicture img{ width:100%; max-width:100%} .info_from_wrap{ padding:0 10px; text-align:center; color:#999; border:0px dashed #ccc; line-height:30px; margin-bottom:5px;} .info_from_wrap a { color:#999; } .info_from_wrap a:hover { color:#555; } #ReadLevelTip{ font-weight:bold; color:red;} .Tag{ text-align: left; font-weight:bold; } .Tag a{ padding:0 3px; font-weight:normal; text-decoration:none;} .info_previous_next_wrap{ background:#F0F0F0; padding:5px; border:1px solid #E3E3E3; color:#333; line-height:1.8em; } .Next a{ } .Previous a{ } /*==========@@元件 结束@@==========*/ /*==========@@模块 开始@@==========*/ /*主体左侧样式*/ .left_title { height:39px; line-height:39px; border-bottom:1px solid #01673A; } .left_title h2 { font-size:16px; color:#01673A; } .left_body { overflow:hidden; zoom:1; color:#01673A; padding:10px 10px 5px; border-top:0; border-bottom: 0px} .left_bottom { height:15px; margin-bottom:5px;} /*样式1*/ .left_title1{ text-align:center; overflow: hidden; margin-bottom: 60px;} .left_title1 p { color: #444; font-size:14px;} .left_title1 h2 a{ line-height:40px; font-size:24px; font-weight:normal; color: #0060ad;} .left_title1 i{ display: none; width: 30px; height: 3px; background: #1651b8; margin: 0 auto; margin-top: 10px; } .left_body1 { overflow:hidden; zoom:1;} .left_body1 .ChannelWrap{ width: 600px; float: left; } .left_body1 .ChannelWrap .ChannelSContent{ height: 30px; color: #3f3f3f; font-size: 18px; } .left_body1 .ChannelWrap .ChannelContent{ font-size: 17px; color: #999; margin: 40px 0; } .left_body1 .ChannelWrap .more{ position: relative; display: block; float: none; width: 140px; line-height: 40px; text-align: center; border: 1px solid #bbb; z-index: 1; -webkit-transition-duration: .5s; transition-duration: .5s; } .left_body1 .ChannelWrap .more:after{ content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #1651b8; z-index: -1; -webkit-transition-duration: .5s; transition-duration: .5s; } .left_body1 .ChannelPicture{ width: 500px; float: right; } .left_body1 .ChannelPicture img{ display: block; width: 100%; } .left_bottom1 { height:0px; margin-bottom:0px;} .left_body1 .ChannelWrap .more:hover{ color: #FFF; } .left_body1 .ChannelWrap .more:hover:after{ width: 100%; } /*样式2*/ .left_title2{ text-align:center; overflow: hidden;margin-bottom: 25px; display: none; } .left_title2 p { color: #888; font-size:14px;} .left_title2 h2 a{ line-height:40px; font-size:30px; 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 { overflow:hidden;} /*主体右侧*/ /*样式1*/ .right_title {} .right_title h2 { font-size:30px; font-weight:normal; text-align:center; padding:15px 0; color:#333; } .right_title h2 img{ margin:0 10px;} .right_body { padding:5px 0px; overflow:hidden; zoom:1; border-top:0; border-bottom:0 } .right_bottom {} /*==========@@模块 结束@@==========*/ /*==========@@频道布局 开始@@==========*/ /*模型body*/ .body_index, .body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback, .body_guestbook{} .index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ background: #f5f5f5; margin-top: 5px; } #top, #logo, #banner, #announcement, #link, #copyright,#bottom,#floor_1,#floor_2,#floor_3,#floor_4,#floor_5 { width:1200px; margin:0 auto; overflow:hidden; border:0px dashed red;} #left { float:left; width:250px; } #right { width:1200px; margin: 0 auto; border-left:0px solid #E5E5E5; padding-left:0px; } /*===首页 开始===*/ #floor_1_main{ overflow:hidden; background:#f5f5f5; } #floor_1{ padding:20px 0px;} #floor_2_main{ overflow:hidden; background:#fff; } #floor_2{ padding:30px 0px;} #floor_3_main{ background: url(../images/floor_3_main.jpg); background-size: cover; height: 563px; } #floor_3{ padding-top: 100px; } #floor_4_main{ padding: 0px 0; background: #FFF; } #floor_5_main{ padding: 332px 0 100px; background: #f5f5f5; } /*===首页 结束===*/ /*===产品模型 开始===*/ .product .info_product_detail_wrap{ line-height: 2.2em; } .product .info_product_detail_wrap b{color: #626262; font-weight:bold;} .product .info_product_detail_wrap table.detail_table{ width:100%; } .product .info_product_detail_wrap table.detail_table th{ width: 200px;} .product .ProductDescription{ height:40px; color:01673A; margin-top:10px;padding-left:35px; line-height:40px; font-size:16px; font-weight:bold; display:none;} .product .info_product_detail_wrap img{ width:216px; height:162px;float:left; text-align:left; margin-right:10px; } .product .InfoTitle{ font-size:16px; font-weight:bold; text-align:left; padding:10px 0px;} .product .f2{ padding:5px 0px} .product .f1{ padding:5px 0px} .product .InfoHit{ padding:5px 0px; font-weight:bold; color:#990000} .product .InfoTime{ padding:5px 0px; } /*===产品模型 结束===*/ /*===招聘频道 开始===*/ .job{ } .joblist { } .joblist li {overflow: hidden;} 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;} /*应聘*/ table.resume_table { margin:3px; text-align:center; width:97%; 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;} /*===招聘频道 结束===*/ /*===留言频道 开始===*/ .guestbook{ } .guestbooklist{} .guestbooklist li{ padding:10px; border:1px solid #CCC; margin-bottom:10px; } .MessageTitle { color:#227BAD; line-height:1.5em; font-weight:bold;} .MessageContent { padding:5px; margin-bottom:10px; } table.guestbook_table{ width:98%; } table.guestbook_table th{ width:100px; text-align:left} table.guestbook_table td{ text-align:left} table.guestbook_table .operation{ text-align:center } /*管理员回复*/ .answer_wrap{ padding:5px; border-top:1px dashed #CCC; line-height:1.5em} .answer_title{} .answer_body {} .Administrator { text-align:right; } .Reply { text-align:right; } .AnswerTime{ color:#999 } /*留言表单*/ .message_title{ height:40px; padding-left:35px; line-height:40px; font-size:16px; color:#333; font-weight:bold;} .message_body{ padding-left: 10px; padding-right: 10px; color:#626262; } .message_bottom{} /*===留言频道 结束===*/ /*===反馈频道 开始===*/ .feedback{ } table.feedback_table{ width:99%; text-align:center; margin:0 auto;} table.feedback_table th{ width:100px; text-align:left; font-weight:bold;} table.feedback_table td{ text-align:left;} table.feedback_table .operation{text-align:center} /*===反馈频道 结束===*/ /*==========@@频道布局 结束@@==========*/ /*==========@@公共板块 开始@@==========*/ /* 顶部 */ #top_main { height:28px; background:#f0f0f0; border-bottom:0px solid #ddd;} #top { height:28px; line-height:28px; text-align:right;} #top_1 { float:left; text-align:left;} #top_2 { float:right; text-align:right; } #top .MobileEdition{ font-weight: bold; color:red;} #top a { color:#666; } #top a:hover { color:#000; text-decoration:none} /*Logo*/ #logo_main { background: #FFF; } #logo { overflow:initial; } #logo:after{ content: ""; display: block; height: 0; clear: both; } #logo .WebLogo{ float:left;} #logo .WebLogo img{ height:75px; display:block;} #logo .Language{width:500px;float:right; padding:10px;} #logo .Language .MobileEdition{ font-weight: bold; color:red;} #logo .Member { width:500px; height:35px; line-height:35px; float:right; text-align:right;font-weight:bold; } #logo .Member .MemberName, #logo_main .Member .MemberGroupName{color:#F30} /*导航*/ #navigation_main { background:#FFF; } #navigation { float:right; height: 75px; line-height: 75px; } #navigation ul.navigationlist li { float:left; text-align:center; line-height: 73px; } #navigation ul.navigationlist li a { display:block; padding:0 16px; font-size:17px; font-weight:normal; color:#444; border:0px dashed red; transition-duration: .2s; } #navigation ul.navigationlist li a:hover { text-decoration:none; background:#fefefe; color: #000; border-bottom: 2px solid #1651b8; box-shadow: 2px 0 4px 0 rgba(0,0,0,.1), -2px 0 4px 0 rgba(0,0,0,.1) } #navigation ul.navigationlist .current { border-bottom: 2px solid #1651b8; } /*导航栏下拉*/ #navigation ul.subnavigationlist{ display:none; position:absolute; background:#FFF; z-index:100; } #navigation ul.subnavigationlist li { float:none; padding:0px; display:inline; } #navigation ul.subnavigationlist li a { display:block; white-space:nowrap; font-weight:normal; color:#444; line-height:38px; height:38px; font-size:15px; padding:0px 16px; text-align:left} #navigation ul.subnavigationlist li a:hover { color: #000; } /*公告*/ #announcement { margin-top:5px; height:35px; line-height:35px;background-color:#f0f0f0; color:#0B3B7D;} #announcement .announcement_title{ float:left;font-weight:bold; text-indent:35px; background:url(../images/announcement_title.gif) no-repeat 8px center; width:150px;} #announcement .announcement_body{float:left; width:750px;} #announcement .announcement_bottom{float:right; width:100px; } .announcementlist{ } .announcementlist li { line-height:35px; } /*Js幻灯片样式*/ #banner_main { position: relative; border:0px solid blue; height: 660px; } #banner { position:fixed; left: 0; top: 75px; width: 100%; z-index: -2; border:0px solid red; overflow:hidden; } .bannerlist{} .bannerlist li{ text-align:center; border:0px dashed red; overflow:hidden; display:block;} .bannerlist li img{ margin:0 auto; display:block; } #banner_main .hd{ width:100%; position:absolute; bottom:35px; left:0; height:0px; line-height:5px; text-align:center; border:0px solid red; } #banner_main .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:6px; background:#fff; margin-right:15px; overflow:hidden; font-size:0px;} #banner_main .hd ul li.on{ background:#1651b8; } /*Flash幻灯片样式*/ /*#banner_main {border:0px solid blue; } #banner { border:0px solid red; margin:0 auto; overflow:hidden;} */ /*当前位置*/ #location_main { } #location {display:none;color:#01673A; float:right; padding-right:8px;} #location a {color:#01673A;} /*子频道列表*/ #subchannel_main{ } #subchannel{ margin-bottom: 20px; } .subchannellist { text-align:center; } .subchannellist li { display: inline-block; } .subchannellist li a { display: inline-block; padding: 8px 20px; margin: 0 5px; color:#666; font-size: 16px; border-radius: 3px; transition-duration: .2s; } .subchannellist li a:hover { color:#FFF; text-decoration:none; background-color: #1651b8; } .subchannellist #current a { color:#FFF; text-decoration:none; background-color: #1651b8; } .subchannellist .depth1{ font-weight:normal; } .subchannellist .depth2{ font-size:14px; text-indent:1.5em; background:none; } .subchannellist .depth2 a{ border:none;} .subchannellist .depth3{ font-size:14px; text-indent:3em} .subchannellist .depth4{ font-size:14px; text-indent:4.5em} .subchannellist .depth5{ font-size:14px; text-indent:6em} .subchannellist .depth6{ font-size:14px; text-indent:7.5em} /*搜索 */ table.search_table{ width:99%; text-align:center;} table.search_table th{ vertical-align:middle; text-align:center; padding:0px 3px;} table.search_table td{ vertical-align:middle; width:60px; padding:0px 3px;} /*联系我们*/ .contact_wrap{ line-height:1.8em; color: #444; } .contact_wrap b{ font-weight:normal;} .contact_wrap .WebUrl{ color:#F00 } /*公共百度地图*/ #Map{ overflow:hidden; width:100%;} #Map .MapInfo{ float:left; border: 1px dashed #ccc; padding:8px;} #Map .MapInfo #MapContainer{ width:870px; height:380px; } #Map .ContactInfo{ width:300px; float:right; line-height:2.7em;} #Map .ContactInfo .Company{ font-size:24px; margin-bottom:8px;} #Map .ContactInfo img{ width: 18px; vertical-align:middle; margin-right:8px;} /*订购*/ .order{margin:0px auto} .order .WantOrder h1{ border-bottom:1px dotted #999999; padding: 5px 0px;} .order .f1{ float:right; color:red;} table.order_table{ width:98%; } table.order_table th{ width:100px; text-align:left;} table.order_table td{text-align:left} table.order_table .operation{ text-align:center} /* 友情链接 */ #link_main {padding: 15px 0; background:#fff; display: none; } #link { padding:0;border: 1px solid #D6D6D6; } .link_title { line-height:59px; height:59px; color:#fff; } .link_title h2 { font-size:24px; color:#333; font-weight: normal; text-indent:15px;} .link_body { color:#000; border-top:0px; border-bottom:0px; } .link_bottom{} /*图片链接列表*/ .linkpiclist { overflow:auto; zoom:1; } .linkpiclist li { float:left; padding:1px 5px; text-align:center; width:112px;} .linkpiclist li img { width:86px; height:30px; padding:2px; border:1px solid #eee; } .linkpiclist li a:hover img { border:1px solid #c11b33; } /*文字链接列表*/ .linktextlist { overflow: hidden; zoom:1; padding:8px 0 8px 0; } .linktextlist li { float:left; text-align:center; padding:1px 15px; overflow:hidden;white-space:nowrap;} .linktextlist li a { line-height:22px; color:#666; } .linktextlist li a:hover { line-height:22px; color:#c11b33; } /*底部区域*/ #bottom_main{ background-color: #FFF; padding: 40px 0; color:#696969; } #bottom{} #bottom_1{float: left;width: 66%;} .bottom_navigation { overflow: hidden; float: left; } .bottom_navigation li { float: left; width: 120px; margin-right: 15px; overflow: hidden; } .bottom_navigation li a { display: block; text-align: left; font-size: 18px; margin-bottom: 10px; color: #000; } .bottom_navigation li a:hover { color:#666;} .bottom_navigation .subnavigationlist1 li { float: none; padding: 0; line-height: 28px; display: block; } .bottom_navigation .subnavigationlist1 li a { color: #444; display: block; line-height: 30px; font-weight: normal; padding: 0; margin: 0; font-size: 13px; text-align: left; } .bottom_navigation .subnavigationlist1 li a:hover{color:#666;} #bottom_2{float: right;width: 34%;} #bottom_2 .WeChat img { float: left; width: 102px; padding: 20px 30px 0 0; } #bottom_2 .bdsharebuttonbox .LShare { display: block; line-height: 24px; height: 24px; cursor: pointer; margin: 6px 6px 6px 0; font-size: 16px; color: #999; } .bdshare-button-style0-24 { padding-top: 30px; } /* 版权信息 */ #copyright_main { color:#999; background-color: #f9f9f9;} #copyright { line-height:40px; } #copyright a {color: #999; text-decoration: none;} #copyright a:hover {color:#666; text-decoration: none;} #copyright .bottom_info{ text-align:center;padding-top:5px; padding-right:10px; line-height:20px; } #copyright .TechnicalSupport{ float:right; margin:0} /*分页样式*/ .page { padding: 10px 0px 0px 1px; float:right; clear:both;} .page a, .page span { float:left; display:block; border:1px solid #D3D1D1; padding:2px 5px; margin-left:4px; line-height:22px; } .page a:link, .page a:visited { text-decoration:none; } .page a:hover { background:#2b2b2b; color:#FFF; } .page .current{ background:#2b2b2b; color:#FFF;} .page #total{color:red} /*会员*/ /*会员登录*/ table.login_table{ width:40%; text-align:center; margin:0 auto;} table.login_table th{ width:100px; text-align:left; font-weight:bold;} table.login_table td{ text-align:left;} table.login_table .operation{text-align:center} table.login_table .quick_login td{text-align:left; padding:10px 0;} table.login_table .quick_login td img{ margin-right:8px; float:left;} /*会员注册*/ table.reg_table{ width:40%; text-align:center; margin:0 auto;} table.reg_table th{ width:140px; text-align:left; font-weight:bold;} table.reg_table td{ text-align:left; } table.reg_table .operation{text-align:center} table.reg_table .MemberCode{ text-align:left; width:70px;} table.reg_table #SmsCode{width:50px;} /*忘记密码 第一步*/ table.forget_table1{ width:40%; text-align:center; margin:0 auto;} table.forget_table1 th{ width:100px; text-align:left; font-weight:bold;} table.forget_table1 td{ text-align:left; } table.forget_table1 .operation{text-align:center} /*忘记密码 第二步*/ table.forget_table2{ width:40%; text-align:center; margin:0 auto;} table.forget_table2 th{ width:100px; text-align:left; font-weight:bold;} table.forget_table2 td{text-align:left} 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;} /*网站地图列表*/ .maplist{ } .maplist li { padding:1px; } .maplist li a { background:#d1e8fc; line-height:25px; display:block; padding:0 20px; border:0px solid #A6CC93; } .maplist li a:hover { text-decoration:none; background:#FFF; } .maplist .depth1{font-weight:bold;text-indent:0px; font-weight:bold} .maplist .depth2{text-indent:2em} .maplist .depth3{text-indent:4em} .maplist .depth4{text-indent:6em} .maplist .depth5{text-indent:8em} .maplist .depth6{text-indent:10em} /*==========@@公共板块 结束@@==========*/ /*==========@@通用列表 开始@@==========*/ /*文字列表*/ .textlist{ } .textlist li { line-height:28px; height:28px;text-indent:8px; background:url(../images/textlist.gif) no-repeat 0 center; overflow:hidden;width:100%;/*解决ie6bug*/} .textlist li a{ } .textlist li .InfoTime{ float:right;} /*文字列表1*/ .textlist1{ overflow: hidden; width: 680px; margin: 20px auto; } .textlist1 li{ float: left; } .textlist1 li a{ display: block; float: left; width: 120px; height: 40px; margin: 0 25px; background: #FFF; color: #666; text-align: center; line-height: 40px; transition: 0.5s; } .textlist1 li a:hover{ background: #2b2b2b; color: #FFF; } /*带缩略图文字列表*/ .thumblist{ } .thumblist li{ overflow:hidden; padding: 20px 0; border-top: 1px solid #eee; } .thumblist li:first-child{ border: 0; } .thumblist li .InfoPicture{ position: relative; float:left; width: 22%; height: 160px; text-align: center; } .thumblist li .InfoPicture img{ height: 100%; width: auto; } .thumblist li .info_wrap{ position: relative; float: right; width: 60%; height: 140px; padding-right: 180px; margin: 10px 0; } .thumblist li .InfoTitle{ display:block; font-size:18px; padding: 0 0 10px; color:#555; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .thumblist li p{ font-size:13px; color:#6a6a6a; line-height: 22px; } .thumblist li .InfoTime{ position: absolute; display:block; left: 0; bottom: 0; text-align:left; padding:0; font-size: 18px; color:#c8c8c8; } .thumblist li .more{ position: absolute; width: 120px; height: 35px; line-height: 35px; text-align: center; right: 0; top: 0; bottom: 0; margin: auto; border-left: 1px solid #bcbcbc; color: #bcbcbc; font-size: 16px; } /*带缩略图文字列表2*/ .thumblist1{ overflow: hidden; padding: 10px; } .thumblist1 li{ width: 50%; } .thumblist1 li a{ display: block; padding: 20px 40px 20px 10px; overflow: hidden; -webkit-transition-duration: .5s; transition-duration: .5s; } .thumblist1 li .InfoTitle{ text-align: left; font-size: 16px; color: #666; padding: 10px; } .thumblist1 li .InfoPicture{ float: left; width: 140px; margin-right: 10px; } .thumblist1 li .ContentWrap{ float: left; width: 300px; } .thumblist1 li .InfoTime{ float: right; text-align: right; height: auto; line-height: 40px; } .thumblist1 li .InfoTime i{ display: block; height: 20px; margin-top: 30px; background: url(../images/pointToRight.png) center no-repeat; -webkit-transition-duration: .5s; transition-duration: .5s; } .thumblist1 li.firstlist{ float: right; } .thumblist1 li.firstlist a{ margin-left: 30px; padding: 60px 30px; background: #f9f9f9; } .thumblist1 li.firstlist .InfoTitle{ padding: 15px 0; font-size: 18px; } .thumblist1 li.firstlist .InfoPicture{ float: none; width: 500px; margin: 0; height: 300px; overflow: hidden; } .thumblist1 li.firstlist .ContentWrap{ float: none; } .thumblist1 li.firstlist p{ padding: 0; } .thumblist1 li.firstlist .InfoTime{ float: none; text-align: left; padding: 0; line-height: 40px; overflow: hidden; } .thumblist1 li.firstlist .InfoTime i{ float: right; width: 40px; margin-top: 10px; } .thumblist1 li img{ display: block; width: 100%; } .thumblist1 li p{ color: #999; line-height: 1.7em; font-size: 13px; padding: 0 10px; } .thumblist1 li:hover a{ background: #FFF; box-shadow: 0 0 10px 0 rgba(0,0,0,.2); } .thumblist1 li:hover i{ -webkit-transform: translateX(10px); transform: translateX(10px); } /*橱窗列表*/ .gridlist{ margin-top:5px; } .gridlist:after{ content:""; display: block; height: 0; clear:both; } .gridlist li { float:left; width: 25%; } .gridlist li a { position: relative; display: block; padding: 10px; -webkit-transition-duration: .5s; transition-duration: .5s; } .gridlist li a:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 0; height: 1px; background: #1651b8; z-index: 1; -webkit-transition-duration: .5s; transition-duration: .5s; } .gridlist li .InfoPicture{ background: #eee; } .gridlist li img { display: block; width: 100%; } .gridlist li .InfoTitle{ text-align:center; padding: 10px; font-weight:normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gridlist li a:hover{ transform: translateY(-5px); box-shadow: 0 0 4px 0 rgba(0,0,0,.2); } .gridlist li a:hover:after{ width: 100%; } /*橱窗列表2*/ .gridlist2{ overflow: hidden; } .gridlist2 li{ float: left; overflow: hidden; transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s;} .gridlist2 li.ChannelName{ width: 380px; padding: 85px 10px; } .gridlist2 li.ChannelName a{ font-size: 24px; color: #fff; } .gridlist2 li .InfoPicture{ display: block; float: left; width: 400px; overflow: hidden; } .gridlist2 li img{ -webkit-transition-duration: .5s; transition-duration: .5s; } .gridlist2 li .InfoWrap{ float: right; -webkit-transition-duration: .5s; transition-duration: .5s; } .gridlist2 li .InfoWrap{ display: block; width: 370px; padding: 64px 15px; } .gridlist2 li .InfoWrap .InfoTitle{ font-size: 18px; text-align: left; } .gridlist2 li .InfoWrap .InfoTitle a{ color: #fff; -webkit-transition-duration: .5s; transition-duration: .5s; } .gridlist2 li.n2 .InfoPicture{ float: none; } .gridlist2 li.n2 .InfoWrap{ float: none; } .gridlist2 li.n2 .InfoWrap .InfoTitle a,.gridlist2 li.n4 .InfoWrap .InfoTitle a{ color: #444; } .gridlist2 li p{ display: block; color: #eee; font-size: 13px; -webkit-transition-duration: .5s; transition-duration: .5s; } .gridlist2 li.n2 p,.gridlist2 li.n4 p{ color: #999; } .gridlist2 li.n3 .InfoPicture{ float: right; } .gridlist2 li.n3 .InfoWrap{ float: left; } .gridlist2 li:hover img{ transform: scale(1.1); } .gridlist2 li:hover .InfoWrap{ background: rgba(0,0,0,.2) } .gridlist2 li:hover .InfoWrap .InfoTitle a{ color: #FFF; } .gridlist2 li:hover p{ color: #eee; } /*视频列表*/ .videolist{ margin-top:5px; } .videolist li { float:left; width: 25%; margin-bottom:10px; text-align:center; overflow:hidden; transition:all .2s linear } .videolist li:hover { transform:translate3d(0, -4px, 0); box-shadow:0 10px 10px rgba(0,0,0,.1); } .videolist li.n0{ margin-left:0; } .videolist li img { border:1px solid #fff; width:100%;} .videolist li a{ display:block; position:relative; padding: 5px; } .videolist li .InfoTitle{ display:block; padding:10px 0; } .videolist li .InfoTitle a { white-space:nowrap; } .videolist li i{ position:absolute; width:100%; height:100%; top: 0;left: 0;background:url(../images/play.png) center center no-repeat; cursor:pointer;} /*产品列表*/ .productlist:after{ content: ""; display: block; height: 0; clear: both; } .productlist li{ float: left; width: 33.333333%; } .productlist li a{ overflow: hidden; position: relative; display: block; height: 305px; border: 1px solid #f5f5f5; margin: 5px; -webkit-transition-duration:.5s; transition-duration: .5s; } .productlist li .InfoWrap{ position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: left; background: #FFF; color: #666; -webkit-transition-duration:.5s; transition-duration: .5s; } .productlist li .InfoWrap:after{ content: ""; position: absolute; top: 0; bottom: 0; right: 20px; width: 16px; height: 16px; margin: auto; background: url(../images/arrowsRight.png) center no-repeat; background-size: 100%; } .productlist li .InfoWrap .InfoTitle{ text-align: center; font-size: 15px; padding: 0; font-weight: normal; } .productlist li .InfoWrap p{ font-size: 12px; color: #999; -webkit-transition-duration:.5s; transition-duration: .5s; } .productlist li img{ -webkit-transition-duration:.5s; transition-duration: .5s; } .productlist li:hover a{ box-shadow: 0 0 10px 0 rgba(0,0,0,.2) } .productlist li:hover .InfoWrap{ background: #1651b8; color: #FFF; padding: 15px 20px; } .productlist li:hover .InfoWrap:after{ background: url(../images/arrowsRightClick.png) center no-repeat; } .productlist li:hover .InfoWrap p{ padding: 5px 0; color: #eee; } .productlist li:hover img{ -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } /*频道相册列表*/ .channelalbumlist{ overflow:hidden; } .channelalbumlist li { float:left; margin-top:10px;} .channelalbumlist li img{ display: block; width:290px; margin-right:10px;} /*频道相册列表1*/ .channelalbumlist1{ overflow:hidden; } .channelalbumlist1 li { width: 386px; float: left; margin-right: 20px; } .channelalbumlist1 li.n3{ margin: 0; } .channelalbumlist1 li .info_wrap{ position: relative; } .channelalbumlist1 li .info_wrap:after{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; width: 0; height: 1px; background: #1651b8; -webkit-transition-duration: .5s; transition-duration: .5s; } .channelalbumlist1 li .AlbumTitle { font-size: 17px; font-weight: normal; text-align: left; margin: 12px 0 5px;} .channelalbumlist1 li p{ font-size: 13px; text-align: left; color:#999; padding-bottom: 10px; } .channelalbumlist1 li .AlbumPicture{ overflow: hidden; } .channelalbumlist1 li img{ display: block; width: 100%; -webkit-transition-duration: .5s; transition-duration: .5s; } .channelalbumlist1 li:hover .info_wrap:after{ width: 100%; } .channelalbumlist1 li:hover img{ transform: scale(1.05); opacity: .8; } /*频道相册列表1*/ .channelalbumlist2{ overflow:hidden; } .channelalbumlist2 li { float:left;} .channelalbumlist2 li img{ width: 238px;height: 107px; border: 1px solid #ddd; margin-top: -1px; display: block;} .channelalbumlist2 li img:hover { filter: grayscale(1); -webkit-filter: grayscale(1); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } /*==========@@通用列表 结束@@==========*/