/*格式化代码-s*/ h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, blockquote, fieldset, div, strong, label, em, body { margin: 0; padding: 0; border: 0; } ul, ol, li { list-style: none; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; } h1, h2, h3, h4, h5, h6 { font-size: 14px; font-family: "museo-slab"; font-family: "Microsoft Yahei", "微软雅黑"; } input, button { margin: 0; font-size: 12px; vertical-align: middle; } table { border-collapse: collapse; } a { color: #343434; text-decoration: none; } img { border: none; } /*格式化代码-e*/ .C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; } .C:after { clear: both; } .C { zoom: 1; } /*C-E*/ body { font-family: "museo-slab"; font-family: "Microsoft Yahei", "微软雅黑"; } body, form { margin: 0; padding: 0; } a { color: #333; font-size: 12px; text-decoration: none; outline: none; } a:hover { color: #f30; } div { font-size: 12px; line-height: 22px; } .mt10 { margin-top: 10px; } .p15 { padding: 15px; } .clear { clear: both; } .jqzoom { text-decoration: none; float: left; z-index: 999; } /*格式化代码结束*/ /*分页*/ .list_page { text-align: center; margin: 10px; clear: both; line-height: inherit; padding: 1PX; line-height: 35PX; } .list_page a { background: #fff; margin: 0px 1px; padding: 6px 8px; border: 1px solid #e1e1e1; color: #333; border-radius: 3px; background: #f0f0f0; } .list_page span { background: #23a5d6; color: #fff; margin: 0px 1px; padding: 6px 8px; border: 1px solid #1f9dcd; border-radius: 3px; } .list_page b { background: #fff; margin: 0 1px; color: #333; overflow: hidden; } .list_page b input { border: 1px solid #90CBF9; margin: 0; padding: 4px 8px; font-size: 12px; font-weight: normal; width: 16px; text-align: center; *vertical-align:middle; display: none } .page_group ul { border-right: solid 1px #ddd; border-radius: 4px; } .page_group ul li { border-right: none; border-radius: 0; float: left; } .page_group ul li:not(:first-child):not(:last-child) { border-radius: 0; } .page_group ul li:first-child { border-radius: 4px 0 0 4px; } .page_group ul li:last-child { border-radius: 0 4px 4px 0; } .page_group ul .active a { background: #f3f3f3; border-radius: 0; } /*头部*/ #header, #nav, #banner, #link, #footer, #position { margin: 0 auto; width: 1000px; overflow: hidden; } #container { z-index: 999; margin: 0 auto; width: 1000px; position: relative; margin-bottom: 25px; } #position { line-height: 30px; } #header { height: 90px; background: #fff; } #header .logo { float: left; padding-top: 15px; } #header .base { float: right; padding: 10px 0 0; font-size: 12px; color: #cfcfcf; } #header .base form { margin: 10px 0 0 0; clear: both; display: block; text-align: right; } #header .base form input { vertical-align: middle; font-size: 12px; } #header .base form input[type=text] { border: 1px solid #ccc; padding: 6px 10px; color: #999; width: 180px; } #header .base form input[type=submit] { border: 1px solid #738CBA; background: #738CBA; padding: 6px 8px; width: 50px; color: #fff; letter-spacing: 2px; } #header .tel { float: right; background: url(../images/call.jpg) no-repeat 0px 7px; width: 250px; height: 90px; } #header .tel_r { margin: 10px 0 10px 70px; } #header .tel span { display: block; font-size: 22px; color: #030d48; font-weight: bold; padding: 0px 0 0 70px; } /*菜单栏*/ #nav { height: 77px; background: #030d48; width: 100%; } #nav .nav { width: 1000px; margin: 0 auto; } #nav ul { margin: 0; padding: 0; list-style: none; } #nav ul li { float: left; height: 77px; overflow: hidden; } #nav ul li a { color: #fff; line-height: 77px; width: 125px; display: block; text-align: center; font-size: 16px; } #nav ul li a:hover { background: #fff; color: #000; } #nav ul .hover a { } #nav ul dl, #nav ul .hover dl { position: absolute; margin: -4px 0 0 8px; _margin: -4px 0 0 9px; padding: 0; background: #F88410; display: none; z-index: 999; } #nav ul dl a, #nav ul .hover dl a { font-size: 12px; width: 93px; background: #F88410; line-height: 30px; height: 30px; border-bottom: 1px solid #FF9429; font-family: 宋体; } #nav ul dl a:hover, #nav ul .hover dl a:hover { background: #314F9F; color: #fff; border-bottom: 1px solid #476DC1; } #banner, #link, #goodsshow { margin: 10px auto; } .eui_switchable { width: 960px; height: 268px; position: relative; } .eui_switchable .sc_container { width: 960px; height: 268px; position: relative; overflow: hidden; } .eui_switchable .sc_container ul { width: 960px; height: 268px; margin: 0; padding: 0; list-style: none; } .eui_switchable li { width: 960px; height: 268px; overflow: hidden; } .eui_switchable li img { border: 0; } .eui_switchable .sc_index { position: absolute; right: 12px; bottom: 12px; z-index: 3; } .eui_switchable .sc_index a { float: left; width: 10px; height: 10px; line-height: 10px; margin-left: 2px; background: #fff; opacity: 0.7; filter: alpha(opacity=70); cursor: pointer; text-indent: -999em; overflow: hidden; } .eui_switchable .sc_index .current { background-color: #3498f0; opacity: 1; filter: alpha(opacity=100); } .eui_switchable .sc_prev, .eui_switchable .sc_next { position: absolute; top: 50%; margin-top: -29px; display: block; width: 40px; height: 58px; background: url(../images/arrow.png) no-repeat 0 0; text-indent: -999em; overflow: hidden; opacity: 0.5; filter: alpha(opacity=50); border: 2px solid #555; } .eui_switchable .sc_prev { left: 10px; } .eui_switchable .sc_next { right: 10px; background-position: -46px 0; } .eui_switchable .sc_prev:hover, .eui_switchable .sc_next:hover { opacity: 0.8; filter: alpha(opacity=80); } .left { float: left; width: 710px; margin: 0 10px 0 0; } .right { float: left; width: 240px; } .pc_header { border: 1px solid #A6BBE2; border-top: 2px solid #738CBA; background: url(../images/bg_subject.gif); height: 35px; line-height: 35px; font-size: 14px; color: #2C498B; font-weight: bold; padding: 0 10px 0 15px; _padding: 10px 10px 0 15px; _height: 25px; _line-height: 25px; } .pc_header span { float: right; font-size: 12px; font-weight: normal; color: #333; font-family: 宋体; _margin-top: -5px; } .pc_header img { vertical-align: middle; margin: 0 8px 0 0; padding: 0; border: 0; } .pc_body { border: 1px solid #A6BBE2; border-top: 0; font-size: 12px; line-height: 22px; } .about, .newslist, .newsshow, .sitemap { padding: 20px 25px; } .newslist ul { margin: 0 10px 10px 10px; padding: 0; list-style: none; overflow: hidden; } .newslist ul li { clear: both; line-height: 35px; height: 35px; border-bottom: 1px dashed #ccc; } .newslist ul li a { font-size: 13px; } .newslist ul li span { float: right; color: #999; font-family: verdana; font-size: 12px; } .newsshow h1 { text-align: center; font-size: 16px; font-weight: normal; font-family: microsoft yahei; } .newsshow .info { text-align: center; color: #999; padding: 5px 0; } .newsshow .content { line-height: 24px; } .newsshow .content p { margin: 5px 0; } .newsshow .content img { max-width: 640px; } .newsshow .pre { margin: 10px 0 5px 0; color: #999; } .newsshow .next { margin: 0 0 10px 0; color: #999; } .topnews { margin: -1px 0 0 0; *margin:0; padding: 0; list-style: none; } .topnews li { line-height: 30px; border-bottom: 1px dotted #c4c4c4; } .topnews li span { font-family: 宋体; } .contact { line-height: 24px; } .contact p { margin: 0 0 5px 0; *margin:0 0 6px 0; display: block; font-weight: bold; font-size: 14px; } .pro { overflow: hidden; height: 150px; } .pro .arrow_left { float: left; width: 40px; background: url(../images/arrow.gif) no-repeat left; height: 150px; cursor: pointer; } .pro .prolist { float: left; width: 590px; height: 150px; overflow: hidden; } .pro .prolist ul { margin: 0 5px; padding: 0; list-style: none; width: 2999px; } .pro .prolist ul li { float: left; width: 147px; text-align: center; } .pro .prolist ul li img { width: 120px; height: 120px; vertical-align: top } .pro .prolist ul li div { line-height: 30px; height: 30px; } .pro .prolist ul li a img { border: 1px solid #ccc; padding: 2px; } .pro .prolist ul li a:hover img { border: 1px solid #738CBA; padding: 2px; } .pro .arrow_right { float: left; width: 40px; background: url(../images/arrow.gif) no-repeat right; height: 150px; cursor: pointer; } .link img { margin: 3px 8px 5px 0; } .link ul { clear: both; margin: 0; padding: 0; list-style: none; } .link ul li { float: left; width: 93px; height: 25px; overflow: hidden; } #footer { text-align: center; font-family: verdana; } #footer div { color: #cfcfcf; padding: 10px 0; } .sitemap .big a { font-size: 14px; line-height: 40px; font-size: 14px; font-weight: bold; } .sitemap div { line-height: 30px; } .category { margin: -1px 0 0 0; *margin:0; padding: 0; list-style: none; } .category li { line-height: 30px; border-bottom: 1px solid #cfcfcf; } .category li span { font-family: 宋体; font-size: 12px; margin-right: 10px; } .category .hover { color: #06f; } .category .hover a { color: #06f; } .piclist { overflow: hidden; } .piclist ul { margin: 0; padding: 0; list-style: none; width: 680px; } .piclist ul { margin: 0; padding: 0; list-style: none; width: 730px; overflow: hidden; padding: 10px 0px; } .piclist ul li { float: left; width: 225px; text-align: center; margin-bottom: 30px; margin-right: 10px; background: #fff; border: 1px solid #f1f1f1; } .piclist ul li img { vertical-align: top } .piclist ul li div { line-height: 30px; height: 30px; background: #f1f1f1; } .piclist ul li a img { padding: 5px 0 5px; } .piclist ul li a:hover img { } .piclist ul li:hover { background: #ea343e; } .piclist ul li:hover div { color: #fff; background: #0054be; } #goodsshow { border: 1px solid #A6BBE2; background: #fff; padding: 30px; overflow: hidden; width: 900px; } #goodsshow img { border: 0; } #goodsshow .left { float: left; width: 350px; margin: 0 50px 0 0; } #goodsshow .right { float: left; } #goodsshow .shop_big { border: 1px solid #ededed; padding: 2px; background: #fff; width: 360px; cursor: pointer; } #goodsshow .shop_plist { clear: both; width: 360px; } #prolist { width: 310px; float: left; overflow: hidden; height: 68px; position: relative; margin: 10px 0 0 0; } #prolist ul { margin: 0; padding: 0; list-style: none; overflow: hidden; width: 20000px; position: relative; } #prolist ul li { float: left; cursor: pointer; position: relative; background: url(../images/pro_none.gif) no-repeat center top; height: 68px; } #prolist ul li img { height: 60px; width: 60px; margin: 6px 8px 0 8px; padding: 0px; border: 0; } #prolist .hover { background: url(../images/pro_bg.gif) no-repeat center top; height: 68px; } #goodsshow .shop_plist a.prev { float: left; width: 20px; height: 68px; display: block; outline: none; background: url(../images/ico_left.gif) no-repeat center; line-height: 68px; margin-top: 12px; } #goodsshow .shop_plist a.next { float: left; width: 20px; height: 68px; display: block; outline: none; background: url(../images/ico_right.gif) no-repeat center; margin-top: 12px; } #goodsshow .right { width: 500px; } #goodsshow .right h1 { font-size: 18px; font-family: microsoft yahei; font-weight: normal; margin: 0 0 10px 0; padding: 0; } #goodsshow .right .intro { color: #999; min-height: 80px; } #goodsshow .right .sno { border-bottom: 1px solid #eee; line-height: 35px; } #goodsshow .right .price { color: #999; line-height: 30px; padding: 10px 0; } #goodsshow .right .price span { color: #f60; font-size: 16px; } .job_h1 { font-size: 14px; line-height: 35px; border-bottom: 1px solid #eee; margin: 10px 0; } /*flash banner 切换 */ /*.banner{ height:489px; padding-bottom:64px; background:url(../images/banner_sd.png) no-repeat center bottom;} .banner a{height:489px; position:absolute;} #flashs { position:relative;} #flashs .bgitem { } #flashs .btn{ position:absolute; z-index:7; bottom:85px; right:50%; margin-right:-470px; padding:5px 6px;} #flashs .btn span{ color:#0074F1; background:#efefef; border:1px solid #0074F1; cursor: pointer;display: inline-block;margin-left: 5px;padding:2px 6px;} #flashs .btn span.cur{ background:#0074F1; color:#fff;} */ /*首页banner*/ .banner { height: 369px; } #top { width: 988px; margin: auto; height: 80px; } #top .logo { float: left; width: 178px; height: 80px; } #top .m { float: right; line-height: 80px; width: 580px; } #top .m a { color: #333; float: left; text-decoration: none; margin-left: 50px; font-size: 20px; } #top .m a:hover { opacity: 0.9; } #top .m .a { color: #169bfd; } ul, li { list-style: none; margin: 0; padding: 0 } .DB_tab25 { width: 100%; height: 420px; position: relative; overflow: hidden; cursor: pointer; } .DB_tab25 .DB_bgSet { position: relative; } .DB_tab25 .DB_bgSet li { position: absolute; width: 100%; height: 420px; display: none; } .DB_tab25 .DB_imgSet { position: absolute; width: 988px; left: 50%; margin-left: -500px; } .DB_tab25 .DB_imgSet .DB_1_1 { position: absolute; left: 20px; top: 120px; } .DB_tab25 .DB_imgSet .DB_1_2 { position: absolute; left: 20px; top: 200px } .DB_tab25 .DB_imgSet .DB_1_3 { position: absolute; left: 300px; top: 0px } .DB_tab25 .DB_imgSet .DB_2_1 { position: absolute; left: 20px; top: 120px; } .DB_tab25 .DB_imgSet .DB_2_2 { position: absolute; left: 20px; top: 220px } .DB_tab25 .DB_imgSet .DB_2_3 { position: absolute; left: 540px; top: 0px } .DB_tab25 .DB_imgSet .DB_3_1 { position: absolute; left: 520px; top: 120px; } .DB_tab25 .DB_imgSet .DB_3_2 { position: absolute; left: 520px; top: 200px } .DB_tab25 .DB_imgSet .DB_3_3 { position: absolute; left: -100px; top: 0px } .DB_tab25 .DB_imgSet .DB_4_1 { position: absolute; left: 120px; top: 0px; } .DB_tab25 .DB_imgSet .DB_4_2 { position: absolute; left: 540px; top: 120px } .DB_tab25 .DB_imgSet .DB_4_3 { position: absolute; left: 690px; top: 150px } .DB_tab25 .DB_imgSet .DB_4_4 { position: absolute; left: 540px; top: 250px } .DB_tab25 .DB_imgSet .DB_4_5 { position: absolute; left: 770px; top: 0px } .DB_tab25 .DB_menuWrap { position: absolute; width: 988px; left: 50%; margin-left: -500px; } .DB_tab25 .DB_menuWrap .DB_menuSet { position: absolute; width: 100%; top: 390px; text-align: center; font-size: 0; border-radius: 20px; } .DB_tab25 .DB_menuWrap .DB_menuSet li { cursor: pointer; margin: 0 3px; display: inline } .DB_tab25 .DB_prev { position: absolute; left: -100px; top: 170px; cursor: pointer; display: none } .DB_tab25 .DB_next { position: absolute; right: -100px; top: 170px; cursor: pointer; display: none } /*公告左右滚动*/ #gg { width: 100%; margin: 0 auto; height: 48px; background: #030d48; } .txtScroll-top { overflow: hidden; position: relative; width: 1000px; margin: 0 auto; } .txtScroll-top .bd { background: url(../images/gg.png) no-repeat left center; } .txtScroll-top .infoList li { height: 48px; line-height: 48px; width: 970px; padding-left: 30px; } .txtScroll-top .infoList li a { color: #ccc; } .txtScroll-top .infoList li a:hover { font-weight: bold; } .txtScroll-top .infoList li .date { float: right; color: #ccc; } /*首页产品*/ .product { width: 1000px; margin: 0 auto; margin-bottom: 70px; padding-top: 45px; } .proTitle { width: 700px; height: 50px; position: relative; margin: 0px auto 25px; } .proTitle .line { background: #e7e7e7; height: 2px; width: 100%; display: block; position: absolute; top: 25px; z-index: 1 } .proTitle h4 { font-size: 20px; font-weight: 600; text-align: center; position: absolute; display: block; width: 205px; background: #fff; top: 10px; z-index: 2; left: 50%; margin-left: -92px; color: #242424; } .proTitle span { font-size: 12px; position: absolute; text-align: center; z-index: 2; top: 42px; color: #adadad; display: block; width: 155px; left: 50%; margin-left: -72px; text-transform: uppercase } .proCont ul { width: 1020px; overflow: hidden; } .proCont ul li { width: 231px; height: 304px; float: left; margin-right: 22px; } .proCont ul li .proImg { width: 231px; height: 153px; overflow: hidden; } .proCont ul li { border: #f1f1f1 solid 1px; display: block; width: 231px; height: 197px; } .proCont ul li div { color: #6e6e6e; text-align: center; height: 45px; line-height: 45px; } .proCont ul li:hover div { color: #fff; } .proCont ul li dl dt { height: 45px; border-bottom: #d6d6d6 solid 1px; font-size: 12px; color: #6e6e6e; line-height: 45px; text-indent: 18px; font-weight: 900; overflow: hidden } .proCont ul li dl dd { margin: 22px 15px 20px 15px; font-size: 12px; color: #343434; line-height: 22px; overflow: hidden; height: 65px; } .proCont ul li:hover dl dt { color: #fff !important; } /*.proCont ul li:hover dl dd { color:#fff;}*/ .proCont ul li.prodtIndex, .proCont ul li:hover { border: #000 solid 1px; display: block; background: #030d48; color: #d7d8d9; width: 231px; height: 197px; -webkit-transition: 0.3s all 0.1s linear; -ms-transition: 0.3s all 0.1s linear; -moz-transition: 0.3s all 0.1s linear; -webkit-transition: 0.3s all 0.1s linear; -o-transition: 0.3s all 0.1s linear; transition: 0.3s all 0.1s linear } .proCont ul li.prodtIndex dl dt { border-bottom: #363e46 solid 1px; color: #d7d8d9; -webkit-transition: 0.3s all 0.1s linear; -ms-transition: 0.3s all 0.1s linear; -moz-transition: 0.3s all 0.1s linear; -webkit-transition: 0.3s all 0.1s linear; -o-transition: 0.3s all 0.1s linear; transition: 0.3s all 0.1s linear } .proCont ul li.prodtIndex dl dd { color: #fff; -webkit-transition: 0.3s all 0.1s linear; -ms-transition: 0.3s all 0.1s linear; -moz-transition: 0.3s all 0.1s linear; -webkit-transition: 0.3s all 0.1s linear; -o-transition: 0.3s all 0.1s linear; transition: 0.3s all 0.1s linear } /*首页 企业介绍 品牌介绍*/ .compBra { width: 100%; height: 346px; background: #e0e1e3; } .compBra1000 { width: 1000px; margin: 0 auto; } .compBra1000 .company { width: 264px; float: left; } .compBra1000 .brand { margin-left: 55px; } .compBra1000 .comBraImg { width: 372px; float: left; margin-top: 60px; margin-left: 45px; position: relative; } .compBra1000 .company h4 { color: #080808; font-size: 18px; padding-top: 30px; padding-bottom: 22px; } .compBra1000 .company h4 span { color: #8a8a8c; font-size: 10px; text-transform: uppercase; font-weight: 100; padding-left: 12px; vertical-align: bottom } .compBra1000 .company .compayCont { position: relative; } .compBra1000 .company .compayCont .compImg { width: 263px; height: 105px; overflow: hidden; } .compBra1000 .company .compayCont .compText { margin: 18px 0px 12px 0px; color: #2c2d2d; font-size: 12px; line-height: 22px; height: 88px; overflow: hidden; text-indent: 2em; } .compBra1000 .company .compayCont em a { display: block; width: 58px; height: 20px; background: #030d48; font-size: 12px; color: #fff; text-align: center; line-height: 20px; float: right; -webkit-transition: 0.3s all 0.1s linear; -ms-transition: 0.3s all 0.1s linear; -moz-transition: 0.3s all 0.1s linear; -webkit-transition: 0.3s all 0.1s linear; -o-transition: 0.3s all 0.1s linear; transition: 0.3s all 0.1s linear } .compBra1000 .company .compayCont em { font-style: normal; } .compBra1000 .company .compayCont em a:hover { background: #ea343e; color: #fff; -webkit-transition: 0.3s all 0.1s linear; -ms-transition: 0.3s all 0.1s linear; -moz-transition: 0.3s all 0.1s linear; -webkit-transition: 0.3s all 0.1s linear; -o-transition: 0.3s all 0.1s linear; transition: 0.3s all 0.1s linear } .compBra1000 .comBraImg .comBraImg0 { width: 170px; height: 128px; overflow: hidden; position: absolute; top: 0; left: 0 } .compBra1000 .comBraImg .comBraImg1 { width: 197px; height: 128px; overflow: hidden; position: absolute; top: 0; left: 175px; } .compBra1000 .comBraImg .comBraImg2 { width: 212px; height: 128px; overflow: hidden; position: absolute; top: 133px; left: 0; } .compBra1000 .comBraImg .comBraImg3 { width: 156px; height: 128px; overflow: hidden; position: absolute; top: 133px; left: 217px } .dynamicAfter { width: 1000px; margin: 40px auto 0px; padding-bottom: 60px; } .Dynamic { float: left; width: 414px; } .After { float: left; width: 522px; margin-left: 60px; } .Dynamic h4 { color: #080808; font-size: 18px; padding-top: 18px; padding-bottom: 25px; } .Dynamic h4 span { color: #8a8a8c; font-size: 10px; text-transform: uppercase; font-weight: 100; padding-left: 10px; vertical-align: bottom } .Dynamic ul li { margin-bottom: 2px; height: 54px; } .Dynamic ul li span { background: #f5f5f5; width: 54px; height: 54px; display: inline-block; float: left } .Dynamic ul li span em { font-size: 16px; padding-top: 6px; font-weight: 900; color: #878787; display: block; text-align: center; font-style: normal; } .Dynamic ul li span b { font-size: 8px; color: #878787; display: block; text-align: center; } .Dynamic ul li strong { background: #f5f5f5; display: inline-block; height: 54px; float: left; width: 358px; margin-left: 2px } .Dynamic ul li strong a { font-size: 12px; line-height: 54px; color: #000; height: 54px; text-indent: 18px; display: block; font-weight: 100; overflow: hidden; padding-right: 20px; } .Dynamic ul li strong a:hover { color: #030d48; font-weight: bold; } .Dynamic ul li.newIndex span { width: 54px; height: 54px; background: #e9eaea; display: inline-block; float: left; -webkit-transition: 0.3s all 0.1s linear; -ms-transition: 0.3s all 0.1s linear; -moz-transition: 0.3s all 0.1s linear; -webkit-transition: 0.3s all 0.1s linear; -o-transition: 0.3s all 0.1s linear; transition: 0.3s all 0.1s linear } .Dynamic ul li.newIndex span em { font-size: 16px; padding-top: 6px; font-weight: 900; color: #ea343e; display: block; text-align: center; -webkit-transition: 0.3s all 0.1s linear; -ms-transition: 0.3s all 0.1s linear; -moz-transition: 0.3s all 0.1s linear; -webkit-transition: 0.3s all 0.1s linear; -o-transition: 0.3s all 0.1s linear; transition: 0.3s all 0.1s linear } .Dynamic ul li.newIndex span b { font-size: 8px; color: #ea343e; display: block; text-align: center; -webkit-transition: 0.3s all 0.1s linear; -ms-transition: 0.3s all 0.1s linear; -moz-transition: 0.3s all 0.1s linear; -webkit-transition: 0.3s all 0.1s linear; -o-transition: 0.3s all 0.1s linear; transition: 0.3s all 0.1s linear } .Dynamic ul li.newIndex strong { background: #e9eaea; display: inline-block; height: 54px; float: left; width: 358px; margin-left: 2px; -webkit-transition: 0.3s all 0.1s linear; -ms-transition: 0.3s all 0.1s linear; -moz-transition: 0.3s all 0.1s linear; -webkit-transition: 0.3s all 0.1s linear; -o-transition: 0.3s all 0.1s linear; transition: 0.3s all 0.1s linear } .Dynamic ul li.newIndex strong a { font-size: 12px; line-height: 54px; color: #000; height: 54px; text-indent: 18px; display: block; font-weight: 100; overflow: hidden; } .After h4 { color: #080808; font-size: 18px; padding-top: 18px; padding-bottom: 25px; } .After h4 span { color: #8a8a8c; font-size: 10px; text-transform: uppercase; font-weight: 100; padding-left: 10px; vertical-align: bottom } .After .afterCont .afterImg { float: left; width: 157px; height: 160px; overflow: hidden } .After .afterCont ul { float: left; width: 340px; margin-left: 20px; } .After .afterCont ul li { height: 53px; } .After .afterCont ul li b { display: block; float: left; margin-top: 15px } .After .afterCont ul li b.aftM1 { background: url(../images/Sprites.png) no-repeat 0 -122px; width: 22px; height: 22px; margin-right: 18px; -webkit-transition: 0.3s all 0.1s linear; -ms-transition: 0.3s all 0.1s linear; -moz-transition: 0.3s all 0.1s linear; -webkit-transition: 0.3s all 0.1s linear; -o-transition: 0.3s all 0.1s linear; transition: 0.3s all 0.1s linear } .After .afterCont ul li b.aftM2 { background: url(../images/Sprites.png) no-repeat 0 -146px; width: 25px; height: 23px; margin-right: 15px; -webkit-transition: 0.3s all 0.1s linear; -ms-transition: 0.3s all 0.1s linear; -moz-transition: 0.3s all 0.1s linear; -webkit-transition: 0.3s all 0.1s linear; -o-transition: 0.3s all 0.1s linear; transition: 0.3s all 0.1s linear } .After .afterCont ul li b.aftM3 { background: url(../images/Sprites.png) no-repeat 0 -170px; width: 22px; height: 22px; margin-right: 18px; -webkit-transition: 0.3s all 0.1s linear; -ms-transition: 0.3s all 0.1s linear; -moz-transition: 0.3s all 0.1s linear; -webkit-transition: 0.3s all 0.1s linear; -o-transition: 0.3s all 0.1s linear; transition: 0.3s all 0.1s linear } .After .afterCont ul li strong { width: 260px; float: left; display: block; } .After .afterCont ul li strong a { font-size: 12px; font-weight: 100; padding-left: 10px; padding-right: 10px; line-height: 22px; display: block; height: 53px; color: #515151; position: relative; top: 6px; } .After .afterCont ul li.afterIndex strong { background: #f2f2f2; -webkit-transition: 0.3s all 0.1s linear; -ms-transition: 0.3s all 0.1s linear; -moz-transition: 0.3s all 0.1s linear; -webkit-transition: 0.3s all 0.1s linear; -o-transition: 0.3s all 0.1s linear; transition: 0.3s all 0.1s linear } .After .afterCont ul li.afterIndex b.aftM1 { background: url(../images/Sprites.png) no-repeat -27px -122px; width: 22px; height: 22px; margin-right: 18px; -webkit-transition: 0.3s all 0.1s linear; -ms-transition: 0.3s all 0.1s linear; -moz-transition: 0.3s all 0.1s linear; -webkit-transition: 0.3s all 0.1s linear; -o-transition: 0.3s all 0.1s linear; transition: 0.3s all 0.1s linear } .After .afterCont ul li.afterIndex b.aftM2 { background: url(../images/Sprites.png) no-repeat -27px -146px; width: 25px; height: 23px; margin-right: 15px; -webkit-transition: 0.3s all 0.1s linear; -ms-transition: 0.3s all 0.1s linear; -moz-transition: 0.3s all 0.1s linear; -webkit-transition: 0.3s all 0.1s linear; -o-transition: 0.3s all 0.1s linear; transition: 0.3s all 0.1s linear } .After .afterCont ul li.afterIndex b.aftM3 { background: url(../images/Sprites.png) no-repeat -27px -170px; width: 22px; height: 22px; margin-right: 18px; -webkit-transition: 0.3s all 0.1s linear; -ms-transition: 0.3s all 0.1s linear; -moz-transition: 0.3s all 0.1s linear; -webkit-transition: 0.3s all 0.1s linear; -o-transition: 0.3s all 0.1s linear; transition: 0.3s all 0.1s linear } /*页脚 footer*/ .footer_middle { width:1000px; margin:0 auto;} .footer { background: #0f1923; height: 300px; } .footer1000 { width: 1000px; margin: 0 auto; } .footer1000 .footerLogo { width: 177px; float: left; margin-top: 60px; } .footer1000 .footerCont { width: 654px; float: left; margin-left: 10px; } .footer1000 .footerLetter { width: 89px; float: left; margin-top: 65px; margin-left: 70px; } .footer1000 .footerCont ul { border-top: #273039 solid 1px; border-bottom: #273039 solid 1px; margin-top: 40px; margin-left: 23px; padding-left: 18px; } .footer1000 .footerCont ul li { float: left; padding: 17px 19px; } .footer1000 .footerCont ul li a { font-size: 12px; color: #fff; } .footer1000 .footerCont .footerTmadd { font-size: 12px; color: #fff; margin-left: 18px; margin-top: 45px; padding-left: 4px; } .footer1000 .footerCont .footerTmadd .footerTel, .footer1000 .footerCont .footerTmadd .footerEmail, .footer1000 .footerCont .footerTmadd .footerAdd { display: inline; color: #a6a8aa; margin: 0 2px; } .footer1000 .footerCont .footerTmadd .footerTel em, .footer1000 .footerCont .footerTmadd .footerEmail em, .footer1000 .footerCont .footerTmadd .footerAdd em { font-size: 12px; margin: 0 3px; display: inline-block; font-style: normal; } .footer1000 .footerCont .footerTmadd .footerTel .telA, .footer1000 .footerCont .footerTmadd .footerEmail .mailB, .footer1000 .footerCont .footerTmadd .footerAdd .addC { display: inline-block; vertical-align: middle } .footer1000 .footerCont .footerTmadd .footerTel .telA { background: url(../images/Sprites.png) no-repeat -54px -122px; width: 15px; height: 15px; } .footer1000 .footerCont .footerTmadd .footerEmail .mailB { background: url(../images/Sprites.png) no-repeat -54px -137px; width: 17px; height: 11px; } .footer1000 .footerCont .footerTmadd .footerAdd .addC { background: url(../images/Sprites.png) no-repeat -54px -149px; width: 12px; height: 16px; } .footer .footerCopy { clear: both; color: #fff; width: 100%; text-align: center; border-top: #878c91 solid 1px; margin-top: 70px; color: #7f8183; } .footer .footerCopy a { color: #666; } .footer .footerCopy a:hover { color: #fff; } .footer .footerCopy b { text-transform: uppercase; -webkit-transform: scale(0.9); display: inline-block; font-size: 9px; position: relative; top: 10px; } .cName, .cTel, .cMail { height: 46px; width: 180px; margin-left: 10px; border: 1px solid #ccc; background-color: #F2F2F2; font-family: "微软雅黑", "黑体"; font-size: 18px; color: #999; margin-top: 6px; line-height: 30px; outline: none; border-radius: 5px; float: left; padding-left: 10px; } .cMail1 { height: 46px; width: 192px; margin-left: 10px; border: 1px solid #ccc; background-color: #F2F2F2; font-family: "微软雅黑", "黑体"; font-size: 18px; color: #999; margin-top: 6px; line-height: 30px; outline: none; border-radius: 5px; padding-left: 10px; } .idx_youWant_2 { background: #f2f2f2; border: 1px solid #ccc; margin-top: 20px; margin-left: 10px; font-size: 18px; color: #999; width: 595px; padding-left: 10px; outline: none; height: 176px; padding-top: 10px; border-radius: 5px; font-family: "微软雅黑", "黑体"; } .submit_2 l { width: 160px; height: 38px; border-radius: 5px; color: #fff; font-size: 14px; outline: none; margin-left: 8px; margin-top: 18px; } /*otherBanner*/ .otherBanner { width: 100%; height: 283px; text-align: center; overflow: hidden; position: relative; z-index: 0; } .otherBanner img { position: absolute; left: 50%; margin-left: -960px; } .otherBanner span { position: absolute; top: 80px; left: 50%; margin-left: 185px; width: 242px; height: 78px; background: url(../images/otherbanBg.png); z-index: 1; color: #fff; } .otherBanner span strong { font-size: 18px; padding-top: 28px; text-align: center; display: block } .otherBanner span b { font-size: 12px; display: block; text-transform: uppercase; } /*左侧*/ .other1000 { width: 1000px; margin: 0 auto; } .indexWrap { position: relative; } .otherLeft { width: 224px; float: left; } .otherRight { width: 714px; float: left; margin-left: 20px; } .otherLeft .otherSide { background: #0f1923; width: 224px; margin-top: -70px; } .otherLeft .otherSide h3 { height: 140px; background: #ea343e; color: #fff; text-align: center; } .otherLeft .otherSide h3 strong { font-size: 22px; padding-top: 55px; display: block; } .otherLeft .otherSide h3 b { display: block; text-transform: uppercase; font-size: 12px; line-height: 22px; PADDING-TOP:5px; } .otherLeft .otherSide ul { text-align: center; } .otherLeft .otherSide ul li { font-size: 16px; color: #fff; line-height: 65px; position: relative; z-index: 0; border-bottom: #575e65 solid 1px; } .otherLeft .otherSide ul li span { padding-right: 20px; } .otherLeft .otherSide ul li ul { border-bottom: #575e65 solid 1px; } .otherLeft .otherSide ul li a { color: #fff; text-decoration: none; font-size: 16px; } .otherLeft .otherSide ul li a:hover { text-decoration: underline; } .otherLeft .otherSide ul li ul li { line-height: 36px; font-size: 14px; position: relative; padding-left: 34px; text-align: left; text-indent: 65px; } .otherLeft .otherSide ul li b { background: url(../images/Sprites.png) no-repeat -140px 0px; width: 12px; height: 10px; display: block; position: absolute; right: 30px; top: 22px; *top:0px; } .otherLeft .otherSide ul li.sel b.sideUp { background: url(../images/Sprites.png) no-repeat -128px 0px; width: 10px; height: 12px; } .otherLeft .otherSide ul li .subMenu { display: none; position: relative; z-index: 1; zoom: 1; overflow: auto } .otherLeft_contact h4 { background:#000; height:65px; line-height:65px;text-align:center; color:#fff; font-size:16px; font-weight:normal;} .otherLeft_contact h4 a { height:65px; line-height:65px;text-align:center; color:#fff; font-size:16px; font-weight:normal; color:#fff;} .otherLeft_contact h4 a:hover { text-decoration:underline;} .nr { border:1px solid #f1f1f1; border-top:none; padding:10px 5px;} .nr p { font-weight:bold; padding-top:10px;} /*右侧*/ .otherRight .content img { max-width: 714px; } .otherRight .content a { color: #030d48; } .otherCont .pre a { color: #030d48; } .otherRight .otherCrumbs { height: 65px; border-bottom: #d4d6d7 solid 1px; } .otherRight .otherCrumbs span { padding-top: 25px; display: block; font-size: 12px; color: #8a8a8a; float: right; font-family: "微软雅黑" } .otherRight .otherCrumbs span b { background: url(../images/Sprites.png) no-repeat -72px -123px; display: inline-block; width: 11px; height: 11px; vertical-align: middle; margin-bottom: 2px; } .otherRight .otherCrumbs span a { color: #8a8a8a; } .otherRight .otherPro h4 { line-height: 85px; font-size: 20px; color: #474747; font-weight: 100; text-indent: 8px; } .otherRight .otherPro .proShwo .proShowL { float: left; width: 388px; } .otherRight .otherPro .proShwo .proShowR { float: left; width: 270px; margin-left: 40px } .otherRight .otherPro .proShwo .proShowL .proImgOne .proImg0 { width: 386px; height: 238px; border: #d0d2d4 solid 1px; } .otherRight .otherPro .proShwo .proShowL .proImgOne .proNone { display: none; } .otherRight .otherPro .proShwo .proShowL .proImgTwo { background: #e7e8e9; height: 98px; margin-top: 25px; } .otherRight .otherPro .proShwo .proShowL .proImgTwo span { display: block; float: left; margin: 10px 13px; width: 100px; height: 76px; border: #e7e8e9 solid 1px; cursor: pointer; overflow: hidden; } .otherRight .otherPro .proShwo .proShowL .proImgTwo span:hover, .otherRight .otherPro .proShwo .proShowL .proImgTwo .imgIndex { border: #ea343e solid 1px; width: 100px; height: 76px; } .otherRight .otherPro .proShwo .proShowR .Prointr { width: 268px; height: 238px; border: #c9c9c9 solid 1px; } .otherRight .otherPro .proShwo .proShowR .Prointr h5 { height: 42px; border-bottom: #c9c9c9 solid 1px; font-size: 14px; text-indent: 18px; line-height: 42px; color: #474747; font-weight: 100; } .otherRight .otherPro .proShwo .proShowR .Prointr .proText { padding: 10px 20px; } .otherRight .otherPro .proShwo .proShowR .Prointr .proText p { font-size: 12px; color: #474747; line-height: 30px; } .otherRight .otherPro .proShwo .proShowR .buying { width: 270px; height: 77px; line-height: 77px; background: #0f1923; margin-top: 35px; text-align: center; color: #fff; -webkit-transition: 0.3s all 0.1s linear; -ms-transition: 0.3s all 0.1s linear; -moz-transition: 0.3s all 0.1s linear; -o-transition: 0.3s all 0.1s linear; transition: 0.3s all 0.1s linear } .otherRight .otherPro .proShwo .proShowR .buying:hover { background: #ea343e; -webkit-transition: 0.3s all 0.1s linear; -ms-transition: 0.3s all 0.1s linear; -moz-transition: 0.3s all 0.1s linear; -o-transition: 0.3s all 0.1s linear; transition: 0.3s all 0.1s linear } .otherRight .otherPro .proShwo .proShowR .buying a { color: #fff; text-align: center; display: inline-block } .otherRight .otherPro .proShwo .proShowR .buying b.buyM1 { background: url(../images/Sprites.png) no-repeat -52px -172px; margin-right: 14px; width: 38px; height: 20px; display: inline-block; vertical-align: middle } .otherRight .otherPro .proShwo .proShowR .buying b.buyM2 { background: url(../images/Sprites.png) no-repeat -87px -123px; margin-left: 18px; width: 16px; height: 13px; display: inline-block; vertical-align: middle } .otherRight .salesNet { margin-top: 48px; clear: both } .otherRight .salesNet h4 { background: #e7e8e9; height: 34px; color: #474747; line-height: 34px; font-size: 14px; font-weight: 100; position: relative; } .otherRight .salesNet h4 em { padding-left: 18px; display: inline-block } .otherRight .salesNet h4 b { background: url(../images/Sprites.png) no-repeat -72px -137px; display: inline-block; width: 15px; height: 15px; position: absolute; top: 0; } .otherRight .salesNet h4 span a { position: absolute; right: 10px; top: 0px; color: #0f1923; font-size: 12px; } .otherRight .salesNet .proNet { clear: both; } .otherRight .salesNet .proNetText { padding: 25px 15px; font-size: 12px; color: #585858; } .otherRight .salesNet .proRel { padding-top: 40px; } .otherRight .salesNet .proRel ul li { float: left; margin: 0 8px } .otherRight .salesNet .proRel ul li .proRelM0 { width: 218px; height: 139px; } .otherRight .salesNet .proRel ul li span { width: 218px; height: 40px; background: #0f1923; display: block; display: block; color: #fff; text-align: center; line-height: 40px; font-size: 12px; -webkit-transition: 0.3s all 0.1s linear; -ms-transition: 0.3s all 0.1s linear; -moz-transition: 0.3s all 0.1s linear; -webkit-transition: 0.3s all 0.1s linear; -o-transition: 0.3s all 0.1s linear; transition: 0.3s all 0.1s linear } .otherRight .salesNet .proRel ul li span.relIndex, .otherRight .salesNet .proRel ul li span:hover { background: #ea343e; display: block; -webkit-transition: 0.3s all 0.1s linear; -ms-transition: 0.3s all 0.1s linear; -moz-transition: 0.3s all 0.1s linear; -webkit-transition: 0.3s all 0.1s linear; -o-transition: 0.3s all 0.1s linear; transition: 0.3s all 0.1s linear } .indexWarp { z-index: 999; } .otherBanner { background: url(../images/otherBanner4.jpg) no-repeat top center; height: 283px; } .otherCont .proTitle { width: 430px; height: 50px; position: relative; margin: 25px auto 0px; } .otherRight img { max-width: 714px; } /*新闻资讯*/ .otherNews { margin-top: 40px; } .otherNews ul li { margin-bottom: 35px; height: 134px; } .otherNews ul li .newsImg { float: left; width: 226px; height: 134px; overflow: hidden; border: 1px solid #f5f5f5; } .otherNews ul li dl { background: #f5f5f5; float: left; width: 466px; height: 112px; padding-left: 20px; padding-top: 22px; position: relative; } .otherNews ul li dl dt { font-weight: 900; font-size: 14px; color: #474747; padding-bottom: 10px; } .otherNews ul li dl dt a { color: #000; } .otherNews ul li dl dt a:hover { color: 030d48; } .otherNews ul li dl dd { font-size: 12px; color: #474747; line-height: 24px; overflow: hidden; height: 78px; } .otherNews ul li dl dd a { color: #000; } .otherNews ul li dl dd a:hover { color: 030d48; } .otherNews ul li dl dd.newsTime { background: #ea343e; width: 77px; height: 20px; font-size: 12px; color: #fff; text-align: center; line-height: 20px; position: absolute; bottom: 0px; right: 0px; } /*新闻内页*/ .newsTitle { margin: 25px 0px; position: relative; } .newsTitle h4 { color: #474747; font-size: 14px; line-height: 32px; padding-right: 120px; } .newsTitle span { color: #474747; font-size: 12px; font-weight: 100; line-height: 32px; } .newsTitle em a { display: block; width: 77px; height: 23px; background: #030d48; position: absolute; font-size: 12px; color: #fff; right: 10px; top: 20px; text-align: center; line-height: 23px; font-family: "微软雅黑"; font-style:normal; } .newsTitle em a:hover { background: #ea343e; color: #fff; -webkit-transition: 0.3s all 0.1s linear; -ms-transition: 0.3s all 0.1s linear; -moz-transition: 0.3s all 0.1s linear; -webkit-transition: 0.3s all 0.1s linear; -o-transition: 0.3s all 0.1s linear; transition: 0.3s all 0.1s linear } .newsCont p { font-size: 14px; line-height: 28px; text-indent: 2em; padding-bottom: 8px; }