@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:#696868; margin:0px auto; font-family: 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;outline: none; } /*默认样式*/ .btn { background-color: #ca1a1d; color: #fff; } .btn:hover { background-color: #F50A0A; color:#fff;} .btn:active { background: #F50A0A; 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;outline: none; } .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 { outline: none;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; } /*隐藏*/ .more{ float: right; padding-right:5px; display:none;} /*more链接*/ .code_image{ cursor: pointer; padding-bottom:6px; } /*验证码图片样式*/ /*频道*/ .ChannelContent{ line-height:2.0em; font-size:14px; text-indent: 2rem;} .ChannelSContent, .ChannelSContent p{ line-height:1.8em} .ChannelContent a{ color: #ff9d02} .ChannelSContent{color:#666; line-height:28px; overflow:hidden; } .ChannelSContent a{display: block;color: #fff; background: #ca1a1d; transition: all 0.6s linear; text-align: center; width: 150px; height: 50px; line-height: 50px; font-size: 16px; border: 1px solid #fff; margin: 50px;} .ChannelSContent a:hover{ color: #CA1A1D; background: #fff; border: 1px solid #ca1a1d;} .ChannelSContent img, .InfoContent img{ max-width:100% } /*信息*/ .InfoTitle{ font-weight:normal; text-align:center; vertical-align:middle; padding:6px 0px} .InfoTitle h1{ font-size:28px; line-height: 1.5em; font-weight:normal;color: #333;} .InfoTime{color:#999; text-align:left; padding:2px 0px; height:25px} .InfoContent, .InfoContent p{ line-height:2.0em; font-size:16px; padding:10px 0;} .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:#666; line-height:30px; margin-bottom:5px;} .info_from_wrap a { color:#666; } .info_from_wrap a:hover { color:#ca1a1d; } #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{ padding:5px; border:1px solid #d6d6d6; color:#333; line-height:1.8em} .Next a{ color: #666} .Next a:hover{color: #ca1a1d } .Next a:visited{ color: #999} .Previous a{ } .Previous a:hover{color: #ca1a1d } .Previous a:visited{ color: #999} /*==========@@元件 结束@@==========*/ /*==========@@模块 开始@@==========*/ /*左侧*/ /*主体左侧样式*/ .left_title { height:49px; line-height:49px;background: #eee;text-align: center;} .left_title h2 { font-size:22px; color:#333; font-weight: normal;} .left_body { overflow:hidden; zoom:1;background: #eee; } .left_bottom { height:10px;background: #eee; } /*样式1*/ .left_title1{ height:69px; text-align: center;margin-top: 20px; } .left_title1 h2 { font-size:30px; } .left_title1 h2 a{ font-size:30px; color:#2c2c2c;font-family: 'Microsoft YaHei'; font-family: '幼圆'; } .left_title1 p { font-size:16px; color:#444; font-family: 'Microsoft YaHei'; font-weight: normal;display: inline; } .left_body1 { overflow:hidden; zoom:1; } .left_body1_1{float: right;width: 36%;position: relative} .left_body1_1 img{width: 90%;} .left_body1_1 .prev{cursor:pointer;opacity: 0.4;position: absolute;width: 32px;height:50px;left:-40px;top:100px;display: block;background: url(../images/sprite.png) 0 0} .left_body1_1 .next{cursor:pointer;opacity: 0.4;position: absolute;width: 32px;height:50px;left:400px;top:100px;display: block;background: url(../images/sprite.png) right top;} .left_body1_2{float: left; width: 59%;} .left_bottom1 { height:6px; margin-bottom:5px;} /*样式2*/ .left_title2{ height:69px;line-height: 69px; text-align: center; } .left_title2 h2 { font-size:30px; } .left_title2 h2 a{ font-size:30px; color:#2c2c2c;font-family: 'Microsoft YaHei'; font-family: '幼圆'; } .left_body2 { overflow:hidden; zoom:1; } .bd{float: right ;width: 78%} .hd{float: left; width: 18%;} .left_bottom2 { height:16px; margin-bottom:5px;} /*样式3*/ .left_title3 { } .left_title3 a { font-size:18px; font-weight:normal; color:#000; display: block; text-align: left} .left_title3 .InfoTitle{text-indent: 10px;} .left_title3 .InfoTitle:hover{color: #CA1A1D} .left_body3 { padding:5px; overflow:hidden; zoom:1; } .left_body3 p{ line-height: 20px; color: #666;border-top: 1px solid #ccc;padding-top: 3px;} .left_bottom3 { } .left_title4{ height:69px;line-height: 69px; text-align: center; } .left_title4 h2 { font-size:30px; } .left_title4 h2 a{ font-size:30px; color:#2c2c2c;font-family: 'Microsoft YaHei'; font-family: '幼圆'; } .left_body4 { overflow:hidden; zoom:1; padding: 10px 0; } .left_bottom4 { height:16px; margin-bottom:5px;} /*样式5*/ .left_title5{ height:69px;line-height: 69px; text-align: center; } .left_title5 h2 { font-size:30px; } .left_title5 h2 a{ font-size:30px; color:#fff;font-family: 'Microsoft YaHei'; font-family: '幼圆'; } .left_body5 { overflow:hidden; zoom:1; } .left_bottom5 { height:16px; margin-bottom:5px;} /*主体右侧*/ /*样式1*/ .right_title {} .right_title h2 { font-size:30px; font-weight:normal; text-align:center; padding:15px 0; color:#01673A; } .right_body { overflow:hidden; zoom:1; border-top:0; border-bottom:0 } .right_bottom {} /*样式2*/ .right_title1 { } .right_title1 h2 { font-size: 22px; font-weight: normal; color: #333;} .right_title1 h2 img {display: none; } .right_body1 { overflow:hidden; zoom:1;} .right_bottom1 { } /*样式3*/ .right_title2 { height:69px; line-height:69px; } .right_title2 h2 { font-size:20px; font-weight:normal; text-indent:40px; color:#FFF;} .right_body2 { padding:5px; overflow:hidden; zoom:1; border-top:0; border-bottom:0} .right_bottom2 { height: 5px; font-size: 0px; line-height:0; overflow:hidden; margin-bottom:5px;} /*==========@@模块 结束@@==========*/ /*==========@@频道布局 开始@@==========*/ /*模型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{ width:1200px;margin:5px auto; } #top, #logo, #banner, #announcement, #link, #copyright,#floor_1,#floor_2,#floor_3,#floor_5,#floor_6,#floor_7,#floor_8,#floor_9 ,#floor_10,#floor_12,#floor_13,#floor_4 ,#title{ width:1200px; margin:0 auto; overflow:hidden; border:0px dashed red;} #left { float:left; width:270px; margin-top: -5px; } #left span{ border-bottom: 1px dashed #ccc; display: block; background: #eee;} #right { float:right; width:900px;margin-top: 10px;} #title_main {position: relative; background: url(../images/top.png) no-repeat; height: 57px;} #title{height: 57px;} #title .title{text-indent: 300px; color: #fff;font-size: 22px; font-family: 幼圆; line-height: 57px;margin-top: -5px;} /*===首页 开始===*/ #floor_1_main{background: url(../images/floor_1_main.png) repeat-x; margin-top: -5px;} #floor_3_main{background: url(../images/floor_3_main.jpg) repeat-x;} #floor_3{padding: 22px 0} #floor_4_main{} #floor_5_main{background: url(../images/floor_5_main.jpg) repeat-x;height: 364px;} #floor_8_main{background: #CA1A1D;} #floor_8{padding: 50px;} #floor_8_1 { float: left; width: 66%; } #floor_8_2 { float: right; width: 34%; } /*===首页 结束===*/ /*===产品模型 开始===*/ .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; color: #333;} 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; color: #333;} 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; 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:27px; border-bottom: 1px solid #D1D1D1; background: #2C2C2C} #top { height:27px; line-height:27px; text-align:right;} #top_1 { float:left; text-align:left;} #top_2 { float:right; text-align:right; } #top .MobileEdition{ font-weight: bold; color:#fff;} #top a { color:#fff; } #top a:hover { color:#da1a1d; text-decoration:none} /*Logo*/ #logo_main { } #logo {overflow:hidden; } #logo_1 {float: left; } #logo .WebLogo{ float:left;} #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 { height:43px; float: right; margin-top: 22px; } #navigation ul.navigationlist li { float:left; line-height:43px; text-align:center; } #navigation ul.navigationlist li a { display:block; padding-left:36px; font-size:14px; font-weight:normal; color:#666; } #navigation ul.navigationlist li a:hover { text-decoration:none; color:#CA1A1D; } #navigation ul.navigationlist .current { color:#CA1A1D; } /*导航栏下拉*/ #navigation ul.subnavigationlist{ display:none; position:absolute; background:#666; z-index:100;margin-left: 8px;} #navigation ul.subnavigationlist li { float: none; padding:0; line-height:38px; display:inline;} #navigation ul.subnavigationlist li a { display:block; white-space:nowrap; font-weight:normal; color:#FFF; font-size:14px; padding:0px 23px; text-align:center} #navigation ul.subnavigationlist li a:hover { background:#CA1A1D; color: #fff; } /*公告*/ #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; } #banner { border:0px solid red; margin:0 auto; overflow:hidden; width:100%} .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:relative; bottom:35px; left:0; height:5px; 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:15px; background:#fff; margin-right:15px; overflow:hidden; font-size:0; border-radius: 50%;} #banner_main .hd ul li.on{ background:#CA1A1D;} /*Flash幻灯片样式*/ /*#banner_main {border:0px solid blue; } #banner { border:0px solid red; margin:0 auto; overflow:hidden;} */ /*当前位置*/ #location_main { } #location {color:#666; float:right; padding-right:8px;font-size: 14px; font-family:'Microsoft YaHei' } #location a {color:#666;} #location a:hover {color:#ca1a1d;} /*子频道列表*/ .subchannel_main{} .subchannel{} .subchannellist { text-align:center;} .subchannellist li { display:inline;line-height:36px;float: left;width: 100%;margin-top: 10px; } .subchannellist li a { color:#2C2C2C;font-size: 14px; font-weight: normal; display: block;margin: 0 30px; } .subchannellist li a:hover { background: #da1a1d; color:#fff; } .subchannellist #current a { background: #da1a1d; color:#fff;} .subchannellist .depth1{ font-size:16px; font-weight:bold; } .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} .subchannel1{overflow: hidden;} .subchannellist1 { text-align:center;} .subchannellist1 li { display:inline;line-height:45px; float: left;width: 100%;background: #CA1A1D ;transition: all 0.4s linear} .subchannellist1 li a { color:#fff; } .subchannellist1 li:hover { background:#2C2C2C; color:#FFF;text-decoration:none; } .subchannellist1 li.on { background:#2C2C2C; color:#FFF;text-decoration:none; } .subchannellist1 #current a { background:#2C2C2C; color:#FFF;} /*搜索 */ 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: #FFF; } .contact_wrap b{ font-weight:bold;} .contact_wrap .WebUrl{ color:#F00 } /*联系我们1*/ .contact_wrap1{ line-height:36px;padding-left:5px; color:#666; overflow:hidden;font-size: 13px;} .contact_wrap1 b{padding: 5px 0 ;font-weight:normal;padding-left: 30px;} .contact_wrap1 a{ color: #666;} .contact_wrap1 a:hover{ color: #ca1a1d;} .contact_wrap1 .ico1{ background:url(../images/contacts.png) no-repeat left center;background-size:20px 20px; } .contact_wrap1 .ico2{ background:url(../images/modile.png) no-repeat left center;background-size:20px 20px;} .contact_wrap1 .ico3{ background:url(../images/thlephone.png) no-repeat left center;background-size:20px 20px;} .contact_wrap1 .ico4{ background:url(../images/Fax.png) no-repeat left center;background-size:20px 20px;} .contact_wrap1 .ico5{ background:url(../images/mail.png) no-repeat left center;background-size:16px 20px;} .contact_wrap1 .ico6{ background:url(../images/netWork.png) no-repeat left center;background-size:20px 20px; } .contact_wrap1 .ico7{ background:url(../images/address.png) no-repeat left center;background-size:20px 20px; } #floor_8_2 .WeChat img { float: left; width: 102px; padding: 20px 30px 0 0; } #floor_8_2 .bdsharebuttonbox .LShare { display: block; line-height: 24px; height: 24px; cursor: pointer; margin: 6px 6px 6px 0; font-size: 16px; color: #fff; } /*订购*/ .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 { margin: 10px 0 ; } #link { padding:0; border: 1px solid #d6d6d6; } .link_title { line-height:69px; height:69px; color:#fff; } .link_title h2 { font-size:22px; color:#333; font-weight: normal; text-indent:15px;} .link_body { color:#666; border-top:0px; border-bottom:0px; } .link_bottom{} .link_pic { overflow:auto; zoom:1; } .link_pic ul li { float:left; padding:1px 5px; text-align:center; width:112px;} .link_pic img { width:86px; height:30px; padding:2px; border:1px solid #CCC; } .link_pic ul li a:hover img { border:1px solid #CA1A1D; } .link_text { overflow: hidden; zoom:1; padding:8px 0 8px 0; } .link_text ul li { float:left; text-align:center; padding:1px 15px; overflow:hidden;white-space:nowrap;} .link_text a { line-height:22px; color:#666; } .link_text a:hover { line-height:22px; color:#CA1A1D; } /* 版权信息 */ #copyright_main { color:#fff; background:#2c2c2c; } #copyright { line-height:46px; } #copyright .bottom_navigation{text-align: center;padding: 5px 0px; } #copyright a {color: #fff; text-decoration: none;} #copyright a:hover {color: #da1a1d;} #copyright .bottom_info{ text-align:center;padding-top:5px; padding-right:10px; line-height:20px; } #copyright .TechnicalSupport{ float:right; margin:0} .bdshare-button-style0-24 { padding-top: 30px; } .bottom_navigation { overflow: hidden; float: left; } .bottom_navigation li { float: left; width: 140px; margin-right: 15px; overflow: hidden; } .bottom_navigation li a {display: block; text-align: left; font-size: 18px; margin-bottom: 10px; color: #fff; font-weight: bold; } .bottom_navigation li a:hover{color: #44A6ED } .bottom_navigation .subnavigationlist1 li { float: none; padding: 0; line-height: 28px; display: block; } .bottom_navigation .subnavigationlist1 li a {color: #fff; 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: #44A6ED} /*分页样式*/ .page { padding:4px 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:#CC0001; color:#ff9900; } .page .current{ background:#CC0001; 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;} .operation a{color: #666;} .operation a:hover{color: #ca1a1d;} /*会员注册*/ 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; } .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{ } /*文字列表*/ .bd2{float: left;width: 37.5%; padding-top: 10px; } .textlist1{ } .textlist1 li { overflow:hidden; position: relative;} .textlist1 li .InfoUrl{ display: block;} .textlist1 li .InfoTitle{z-index: 100;position: absolute;left: 0; top: 87%; font-size: 14px; color: #fff; width: 100%;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .textlist1 li .InfoTitle:hover{color: #da1a1d;} .textlist1 li a{ overflow:hidden;float: left} .textlist1 li img{width: 450px; } .textlist1 li span{display: block; width: 100%; height: 50px; position: absolute; bottom: 0; background: #000; z-index: 10; opacity: 0.5; } .textlist2{ float: right ;overflow: hidden ;width: 60% } .textlist2 li { overflow:hidden;line-height:38px; height:38px;text-indent:8px; border-bottom: 1px dashed #ccc; background: url(../images/textlist2.png) no-repeat 0 center;} .textlist2 li a{ color: #666; font-size: 14px;display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;float: left;width: 82%} .textlist2 li span{width: 13%;display: block} .textlist2 li a:hover{ color: #Ca1a1d; } .textlist2 li a:visited{ color: #999; } /*带缩略图文字列表*/ .thumblist{} .thumblist li{width: 100%; margin-bottom: 15px; overflow: hidden;} .thumblist li img{width: 260px; float: left; margin-right: 15px; } .thumblist li div .InfoUrl{font-size: 18px; font-weight: bold; color: #333;display: block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .thumblist li div .InfoUrl:hover{color: #ca1a1d} .thumblist li div .InfoUrl:visited{color: #999;} .thumblist li div span{color: #666;} .thumblist li div p{color: #666;text-indent: 2rem;height:128px} .thumblist1{} .thumblist1 li{width: 280px;float: left; margin-right: 20px;} .thumblist1 li img{width: 100%;} .thumblist1 li div .InfoUrl{font-size: 18px; font-weight: bold; color: #fff;display: block;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;} .thumblist1 li div .InfoUrl:hover{color: #44A6ED} .thumblist1 li div .InfoUrl:visited{color: #d6d6d6;} .thumblist1 li div p{color: #fff;} .thumblist2{} .thumblist2 li{width: 280px;float: left; margin-right: 13px;border: 5px solid #ccc;opacity: 0;} .thumblist2 li img{width: 100%;} .thumblist2 li .InfoTitle{font-size: 16px;text-align: center; font-weight: bold; color: #333;display: block;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;} .thumblist2 li .InfoTitle:visited{color: #999;} .thumblist2 li .InfoTitle:hover{color: #ca1a1d} .thumblist2 li p{color: #666;padding: 0 5px;font-size: 14px;} .thumblist2 .delay4{margin-right: 0} /*橱窗列表*/ .gridlist{ overflow:hidden; } .gridlist li { position:relative; float:left; text-align:center; overflow:hidden; display:inline /*解决ie6 双边距bug*/; text-overflow:ellipsis; white-space:nowrap; margin-right: 16px; border: 1px solid #ccc;margin-bottom: 16px;padding: 10px 10px 0 10px;} .gridlist li img { width:262px; } .gridlist li a { white-space:nowrap; line-height:32px;display: block ; color: #666;} .gridlist li a:hover {color: #CA1A1D } .gridlist li:hover { border: 1px solid #CA1A1D } /*橱窗列表1*/ .gridlist1{ overflow:hidden; } .gridlist1 li { position:relative; float:left; text-align:center; overflow:hidden; display:inline /*解决ie6 双边距bug*/; text-overflow:ellipsis; white-space:nowrap; margin-right: 16px; border: 1px solid #ccc;margin-bottom: 17px;padding: 10px 10px 0 10px;} .gridlist1 .key1_4,.gridlist1 .key1_5,.gridlist1 .key1_6{margin-bottom: 0} .gridlist1 .key1_3,.gridlist1 .key1_6{margin-right: 0;} .gridlist1 li img { width:279px; } .gridlist1 li a { white-space:nowrap; line-height:29px;display: block ; color: #666;} .gridlist1 li a:hover {color: #CA1A1D } .gridlist1 li:hover { border: 1px solid #CA1A1D } /*橱窗列表2*/ .gridlist2{ overflow:hidden; } .gridlist2 li { position:relative; float:left; text-align:center; margin-right:20px; overflow:hidden; display:inline /*解决ie6 双边距bug*/; text-overflow:ellipsis; white-space:nowrap;} .gridlist2 li img { width:275px; border:1px solid #E1E1E1; display:block;} .gridlist2 li .InfoTitle { white-space:nowrap; line-height:19px; display:block; background:#015D34; color:#FFF; margin-top:3px;} /*视频列表*/ .videolist{ margin-top:5px; } .videolist li { width:285px; float:left; margin-right:15px; text-align:center; overflow:hidden;} .videolist li img { border:1px solid #E1E1E1; width:100%; } .videolist li a { white-space:nowrap; line-height:32px; display: block;overflow: hidden;text-overflow: ellipsis} .videolist li a:hover{color: #ca1a1d;} .videolist li a:visited{color: #999;} /*==========@@通用列表 结束@@==========*/ .delay1{ -webkit-animation-delay:0s; animation-delay:0s; } .delay2{ -webkit-animation-delay:0.2s; animation-delay:0.2s; } .delay3{ -webkit-animation-delay:0.4s; animation-delay:0.4s; } .delay4{ -webkit-animation-delay:0.6s; animation-delay:0.6s; }