/* css document */ @charset "utf-8"; * { margin: 0; padding: 0; font-family: 'microsoft yahei'; } html, body { font-size: 14px; } img { border: 0; } li { list-style: none; } a { text-decoration: none; } .container { width: 100%; min-width: 1200px; /*min-width最小宽度*/ } .content { width: 1200px; margin: auto; /*适应*/ height: 100%; border-bottom: 1px solid #a40000; } #head { height: 40px; color: #000; /* background-color: #a40000;*/ } #head div { line-height: 250%; } #head div div.l-head { float: left; } #head div div.r-head { float: right; } #head div div.r-head span img { padding: 10px 10px 0px 0px; } #nav { height: 93px; } #nav div div.nav-list { float: right; } #nav div div.nav-list ul { line-height: 90px; } #nav div div.nav-list ul li { float: left; width: 90px; } #nav div div.nav-list ul li a { color: #000000; } #banner { } #cont { height: 490px; margin: 30px 0px 30px 0px; position: relative; } #cont div.content { border: 1px solid #dbd9da; border-top: 2px solid #a40000; } #cont div div.cont-business { width: 360px; height: 310px; padding: 20px; font-size: 16px; float: left; } #cont div div.cont-business ul li { height: 54px; line-height: 54px; border-bottom: 1px dashed #cccccc; } #cont div div.cont-business ul li span img { width: 26px; height: 26px; padding-top: 15px; padding-right: 15px; } #cont div div.cont-business ul li span.r-but { float: right; } #cont div div.cont-business ul li a { color: #000000; } #cont div div.cont-business ul li a:hover { color: #267bd0; } #cont div div.cont-news { width: 360px; height: 490px; padding: 20px; font-size: 16px; float: left; position: relative; } #cont div div.cont-news ul li { padding-top: 25px; } .l-news { display: inline-block; width: 66px; height: 66px; border: 1px solid #d6d6d6; background-color: #f9f9f9; } .l-news div.date { padding: 11px; font-size: 14px; color: #a40000; text-align: center; } .l-news div.date span.year { font-weight: bold; border-bottom: 1px solid #a40000; } .r-news { float: right; width: 280px; } .r-news h3 { font-weight: 100; font-size: 16px; } .r-news p { font-size: 12px; color: #a0a0a0; } .r-news a { font-size: 12px; color: #000000; float: right; } #cont div div.cont-online { width: 360px; padding: 20px; font-size: 16px; float: left; } #cont div div.cont-online a img { margin-top: 22px; } #cont div div.cont-company { width: 360px; padding: 2px 20px; font-size: 16px; float: left; } #cont div div.cont-company p { font-size: 14px; margin-top: 25px; } .top-title { height: 28px; margin-top: 5px; border-bottom: 1px solid #cccccc; } .top-title span { width: 100px; font-size: 16px; border-left: 4px solid #a40000; } .top-title a { float: right; display: inline-block; color: #878787; } .foot { min-width: 1200px; height: 125px; color: #ffffff; font: 14px; background-color: #a40000; } .foot_top { border-bottom: 2px solid #a40000; } .foot_con { width: 805px; margin: 0 auto; padding-top: 20px; padding-bottom: 14px; } .foot_con ul li { text-align: center; float: left; padding: 0 34px; } .foot_con ul li a { color: #fff; } .foot_bot { width: 900px; margin: 0 auto; } .foot_bot span { font-weight: 500; display: inline-block; padding: 14px 10px; } .banner { width: 1200px; margin: auto; /*适应*/ position: relative; } .banner .logo { float: left; margin-top: 16px; } .banner .nav { float: left; margin-left: 140px; } .banner .nav ul li { position: relative; float: left; line-height: 92px; padding: 0 22px; font-size: 16px; } .banner .nav ul li.on { background: #f6f6f6; } .banner .nav ul li .sh_block { display: block; } .banner .nav ul li a { display: block; color: #333; } .banner .nav .now_show { position: absolute; top: 90px; left: 0px; display: none; border-top: 2px solid #a40000; } .banner .nav .now_show li { padding: 0 20px; line-height: 40px; z-index: 999; } .banner .nav .now_show li:hover { background: none; } .banner .nav .now_show li a { color: #fff; text-align: center; height: 30px; padding: 3px 0; } .banner .nav .now_show .back_banner { position: absolute; top: 0; width: 108px; height: 100%; padding-bottom: 10px; background: #4d4f52; opacity: .2; z-index: 99; } .banner .nav ul .last { } .banner .banner_con { position: relative; } .banner .banner_con ul .show { display: block; } .banner .banner_con li { display: none; } .banner .banner_con .show { display: block; } .banner .dl { position: absolute; bottom: 3px; right: 49%; } .banner .dl ul { display: inline-block; } .banner .dl li { display: block; float: left; height: 14px; width: 14px; border-radius: 10px; margin: 0 3px; border: 3px solid #fff; } .banner .dl .on { background: #fff; } #main_wrap { width: 1200px; margin: 0 auto; overflow: hidden; padding-bottom: 10px; background: #fff; min-height: 680px; } #page_nav { font-size: 12px; clear: both; height: 30px; line-height: 30px; color: #151515; } #page_nav > span { margin-left: 8px; padding: 6px 11px; background: no-repeat -9px -9px; height: 15px; vertical-align: middle; display: inline-block; } #page_nav a { margin: 0 5px; color: #151515; } #left { float: left; width: 250px; } #contact { font-size: 12px; padding-top: 14px; } #contact .fontsize { cursor: default; } #left a { display: inline-block; width: 250px; height: 44px; background: url(/uploads/image/timages/red.png) no-repeat; line-height: 44px; padding-bottom: 3px; } .fontsize { font-size: 14px; font-weight: bold; text-align: center; color: #fff; } .fontsize span { padding: 11px 10px; background: no-repeat -11px -10px; display: inline-block; vertical-align: middle; } #contact > div { border: 1px solid #ddd; background: #f5f5f5; padding-top: 10px; } #contact div div { margin: 0px 30px; border-bottom: 1px dotted #666; } #article { margin: 1px 0px 0px 5px; float: left; width: 945px; background: #f5f5f5; } #subslogan { height: 54px; clear: both; position: relative; background: no-repeat; } .title { text-align: center; font-size: 18px; color: #b81620; background: url(/uploads/image/timages/article_nav.png) no-repeat; height: 30px; } #left li.selected { background: url(/uploads/image/timages/products.png) no-repeat; color: #fff; } #left li { background: url(/uploads/image/timages/products_bg.png) no-repeat; display: block; height: 58px; font-size: 14px; padding-left: 70px; line-height: 58px; cursor: pointer; } #left li span { background: 0px -2px; padding: 13px 19px; margin: 0px 10px 0px -10px; height: 18px; vertical-align: middle; display: inline-block; } #left li.selected span { background: 0px -2px; } #contact img { vertical-align: middle; } #contact div div span { vertical-align: middle; padding-left: 10px; } .contents { padding: 15px 35px; border: 1px solid #ddd; overflow: hidden; /* min-height: 400px; */ line-height: 30px; font-size: 14px; border-top: none; } .list { overflow: hidden; border: 1px solid #ddd; min-height: 373px; line-height: 30px; border-top: none; } .list_name { text-align: center; font-size: 18px; color: #b81620; background: url(/uploads/image/timages/article_nav.png) no-repeat; height: 30px; } .list ul { overflow: hidden; min-height: 311px; padding: 40px 75px 0px 75px; } .list ul li { display: block; height: 40px; border-bottom: 1px dotted #ccc; line-height: 40px; font-size: 14px; } .time { float: right; } .news_title { float: left; padding-left: 10px; } .news_title b { padding: 9px 4px; background: url(/uploads/image/timages/index_list.png) no-repeat -4px 6px; display: inline-block; vertical-align: middle; } .news_title a { color: #151515; } .mt10 { margin-top: 10px; font-size: 12px; } .manu { padding: 5px; float: left; margin: 10px 0; width: 100%; text-align: center; } .manu .disabled { border: #ddd 1px solid; padding: 2px 5px; color: #ccc; } .manu .current { color: #fff; border: #036cb4 1px solid; padding: 2px 5px; background-color: #148bb6; } .manu a { border: #ddd 1px solid; padding: 2px 5px; text-decoration: none; } .applyment { margin: 20px 0; } .applyment label { vertical-align: top; } .applyment input[type="text"] { border: 1px solid #ccc; height: 24px; width: 240px; } .applyment textarea { width: 240px; height: 100px; border: 1px solid #ccc; resize: none; } .submitapply { width: 100px; height: 35px; line-height: 35px; color: #fff; background: #3385ff; display: block; text-align: center; margin-left: 83px; } .contractinner { min-height:100px; } /*首页转移样式*/ #liimgsrc1 { background-image: ; background-repeat: no-repeat; line-height: 50px; background-position: 14px 14px; text-indent: 55px; } #liimgsrc1:hover { color: #a40000; } #liimgsrc2 { background-image: ; background-repeat: no-repeat; line-height: 50px; background-position: 14px 14px; text-indent: 55px; } #liimgsrc2:hover { color: #a40000; } #liimgsrc3 { background-image: ; background-repeat: no-repeat; line-height: 50px; background-position: 14px 14px; text-indent: 55px; } #liimgsrc3:hover { color: #a40000; } #liimgsrc4 { background-image: ; background-repeat: no-repeat; line-height: 50px; background-position: 14px 14px; text-indent: 55px; } #liimgsrc4:hover { color: #a40000; } #liimgsrc5 { background-image: ; background-repeat: no-repeat; line-height: 50px; background-position: 14px 14px; text-indent: 55px; } #liimgsrc5:hover { color: #a40000; } .co { color: #a40000 !important; } .banners { position: relative; overflow: hidden; border-left:2px solid #fff; border-right:2px solid #fff; width: 1196px; margin: 0 auto; } .banners li { list-style: none; background-size: 100% 100%; } .banners ul li { float: left; height: 322px; } .banners ol { bottom: 10px; left: 0; position: absolute; right: 0; text-align: center; } .banners .dots li { border: 2px solid #fff; border-radius: 6px; cursor: pointer; display: inline-block; height: 10px; margin: 0 4px; text-indent: -999em; transition: background 0.5s ease 0s, opacity 0.5s ease 0s; width: 10px; } .banners .dots li.active { background: #fff none repeat scroll 0 0; } .cont-news ul li:hover { cursor:pointer; } /*新闻分页*/ .page {font-family: arial,verdana, helvetica, san-serif;font-size: 12px;text-align: center;margin-top: 26px;height: 25px;margin-bottom: 40px;} table.page td {font-size: 13px;} table.page td font {padding: 4px 10px 4px 10px;border: 1px solid #ccc;} table.page td a {padding: 5px 15px 5px 15px;margin-left: 1px;background: #ccc;color: #fff;} .top{height: 3px; width: 250px; text-align: center;}