@charset "utf-8"; /* CSS Document */ #complex { width: 1003px; margin: 0px auto 15px auto; background:#FFF; } #complex #left { width: 620px; height: 450px; display: block; float: left; } #complex #separator { background: url(/mbimg/complex_separator.jpg) no-repeat; background-position: 55px 40px; width: 90px; height: 430px; display: block; float: left; } #complex #right { width: 250px; display: block; float: right; } #complex #left .news { display: block; width: 620px; } #complex .news .title { height: 50px; line-height: 50px; text-align: left; color:#666; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } #complex .news .title strong { color: #f08519; font-size: 18px; font-weight: normal; display: inline-block; margin-right: 10px; } #complex .news .btn { background: url(/mbimg/news_btn_bg.jpg) no-repeat; background-position: 0px 0px; width: 600px; height: 30px; line-height: 30px; padding-left: 20px; } #complex .news .btn a { color: #777; display: block; float: left; width: 112px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; } #complex .news .btn .A { background: url(/mbimg/news_btn_A.jpg) no-repeat; color: #fff !important; display: block; float: left; width: 112px; height: 30px; line-height: 30px; text-align: center; } #complex .news .list { width: 600px; text-align: left; margin: 40px auto 0px auto; } #complex .news .list .time { width: 80px; display: block; float: left; text-align: center; color: #b3b3b3; font-family: Arial, Helvetica, sans-serif; } #complex .news .list .time strong { display: block; background: url(/mbimg/news_time_bg.jpg) no-repeat; background-position: 0px 0px; width: 80px; height: 80px; line-height: 80px; text-align: center; color: #fff; font-size: 40px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; margin-bottom: 3px; webkit-text-shadow: #aaa 0px 0px 3px; -moz-text-shadow: #aaa 0px 0px 3px; text-shadow: #aaa 0px 0px 3px; } #complex .news .list .time strong:hover, #complex .news .list a:hover strong { background-position: 0px -80px; webkit-text-shadow: #fff 0px 0px 3px; -moz-text-shadow: #fff 0px 0px 3px; text-shadow: #fff 0px 0px 3px; } #complex .news .list .con { display: block; float: right; width: 500px; color: #989898; } #complex .news .list .con strong { display: block; font-size: 14px; color: #333; padding: 7px 0px; } #complex .news .list a { display: block; height: 160px; } #complex .news .list a:hover .con strong { color: #f08519; } #complex .news .list .con .view { display: block; background: url(/mbimg/more.png) no-repeat; background-position: left center; color: #afcf7c; padding: 15px 0px 15px 15px; } #complex .news .list .con .view:hover { text-decoration: underline; } #complex .news .list a:hover .view { text-decoration: underline; } #complex .show { width: 250px; } #complex .show .title { height: 30px; padding: 40px 0px 45px 0px; } #complex .show .title .cn { display: block; float: left; background: #f08519; text-align: center; font-size: 16px; color: #fff; width: 65px; height: 30px; line-height: 30px; } #complex .show .title .en { display: block; float: left; background: #797879; text-align: left; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #fff; width: 147px; height: 30px; line-height: 30px; margin-left: 3px; color:#666; padding-left: 13px; } #complex .show .title .more { display: block; float: left; background: #797879; text-align: center; font-size: 20px; font-family: Arial, Helvetica, sans-serif; color: #9a999a; width: 22px; height: 30px; line-height: 30px; } #complex .show .title .more:hover { color: #fff; } #complex .show .show_animate { width: 250px; height: 240px; overflow: hidden; z-index: 1; cursor: pointer; } #complex .show .show_animate li { width: 100%; height: 240px; } #complex .show .show_animate .view { position: absolute; z-index: 9; right: 5px; bottom: 60px; background: #f08519; width: 72px; height: 21px; line-height: 21px; text-align: center; color: #fff; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } #complex .show .show_animate .img { display: block; height: 170px; } #complex .show .show_animate .name { padding-top: 15px; text-align: left; color: #989898; font-size: 12px; letter-spacing: 0.5em; } #complex .show .show_animate .name strong { display: block; font-size: 16px; color: #343434; letter-spacing: normal; } #complex .show .show_animate:hover strong { color: #f08519; } #complex .show .show_arrow { height: 30px; padding: 15px 0px; } #complex .show .show_arrow .prev { background: url(/mbimg/show_animate_arrow.jpg) no-repeat; background-position: left top; display: block; float: left; width: 18px; height: 30px; cursor: pointer; font-size: 0px; margin-right: 10px; } #complex .show .show_arrow .prev:hover { background-position: left bottom; } #complex .show .show_arrow .next { background: url(/mbimg/show_animate_arrow.jpg) no-repeat; background-position: top right; display: block; float: left; width: 18px; height: 30px; cursor: pointer; font-size: 0px; } #complex .show .show_arrow .next:hover { background-position: bottom right; } #complex #navpart { display: block; float: left; width: 200px; position: relative; } #complex #navpart .navpart { position: relative; z-index: 999; width: 200px; margin-top: -45px; } #complex #navpart .navpart .angle { background: url(/mbimg/navpart_angle.jpg) no-repeat; background-position: 0px 0px; font-size: 0px; position: absolute; top: 32px; right: 0px; z-index: 2; width: 58px; height: 43px; } #complex #navpart .navpart .top { display: block; height: 32px; line-height: 32px; background: url(/mbimg/navpart_icon.png) no-repeat; background-position: 170px 16px; background-color: #013B84; font-size: 14px; color: #fff; text-align: left; width: 175px; padding-left: 25px; font-weight: bold; } #complex #navpart .navpart .nav { background: #ededed; border-bottom: 1px solid #fff; width: 180px; padding: 15px 10px; text-align: left; } #complex #navpart .navpart .nav a { display: block; width: 140px; height: 32px; line-height: 32px; padding-left: 15px; text-align: left; color: #666; background:url(/mbimg/arr_s.gif) left center no-repeat; } #complex #navpart .navpart .nav a:hover { color: #013B84; background:url(/mbimg/arr_s.gif) left center no-repeat; } #complex #navpart .navpart .nav .A { border: 1px solid #e9e9e9; display: block; width: 140px; height: 32px; line-height: 32px; padding-left: 15px; text-align: left; color:#000; font-weight:bold; background:url(/mbimg/arr.gif) left center no-repeat; } #complex #navpart .navpart .sear { background: #ededed; border-top: 1px solid #dedede; width: 200px; padding: 10px 0px; text-align: left; } #complex #navpart .navpart .sear strong { display: block; padding: 10px 0px; color: #013B84; text-align: left; font-size: 14px; background: url(/mbimg/sear_icon.png) no-repeat; background-position: 60px 60%; width: 170px; margin: 0px auto; } #complex #navpart .navpart .sear form { width: 170px; margin: 0px auto; } #complex #navpart .navpart .sear form #keys { display: block; width: 160px; padding-left: 8px; color: #666; font-size: 12px; height: 24px; line-height: 24px; border: 1px solid #ddd; } #complex #navpart .navpart .sear form .btn { margin: 10px 0px; } #complex #navpart .navpart .sear form #go { display: block; float: left; background: #898989; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 60px; height: 23px; line-height: 23px; border: 0px; cursor: pointer; } #complex #navpart .navpart .sear form #go:hover { background: #666; } #complex #navpart .navpart .sear form a { display: block; float: left; height: 23px; line-height: 30px; font-size: 12px; font-family: "宋体"; color: #ccc; text-decoration: underline; margin-left: 10px; } #complex #navpart .navpart .sear form a:hover { color: #013B84; } #complex #navpart .navpart .service { padding-top: 20px; background-color: #ededed; } #complex #navpart .navpart .service .title { background: url(/mbimg/navpart_service_title.jpg) no-repeat; background-position: left bottom; background-color: #ededed; width: 150px; height: 28px; line-height: 28px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color:#666; padding-left: 50px; text-align: left; } #complex #navpart .navpart .service .con { border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background: #fff; } #complex #navpart .navpart .service .con a { display: block; width: 180px; height: 68px; margin: 0px auto; } #complex #navpart .navpart .service .con .c1 { background: url(/mbimg/icon_tel.png) no-repeat; background-position: 111px 0px; padding: 20px 0px 0px 5px; width: 175px; height: 48px; color:#666; text-align: left; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px dotted #ccc; } #complex #navpart .navpart .service .con .c1 strong { display: block; font-size: 15px; font-family: Arial, Helvetica, sans-serif; color: #013B84; } #complex #navpart .navpart .service .con .c2 { background: url(/mbimg/icon_application.png) no-repeat; background-position: 10px 50%; padding: 20px 0px 0px 60px; width: 120px; height: 48px; color:#666; text-align: left; font-family: Arial, Helvetica, sans-serif; } #complex #navpart .navpart .service .con .c2 strong { display: block; font-size: 14px; font-family: "宋体"; color: #555; } #complex #navpart .navpart .service .con .c2 span { color: #013B84; } #complex #content { display: block; float: right; width: 730px; padding-bottom: 5px; margin-top:15px; } #complex #title { text-align: left; padding: 10px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color:#666; background:#E7E7E7 url("/images/title-bg.gif") no-repeat left center; } #complex #title strong { display: inline-block; padding-left: 20px; font-size: 14px; color: #333; font-family: "宋体"; } #about { color: #666; } #about p { margin-bottom: 15px; } #about .factory .title { border-bottom: 1px solid #e6e6e6; padding: 5px; text-align: left; color: #013B84; text-indent: 0em; font-weight: bold; } #about .factory #factoryMarquee { margin: 15px auto; width: 700px; height: 160px; overflow: hidden; text-align: left; padding: 0px; } #about .factory #factoryMarquee img { display: inline-block; } #boss { padding: 20px 0px 50px 20px; min-height: 450px; text-align: left; line-height: 24px; color: #666; text-indent: 2em; } #boss p { margin-bottom: 15px; } #boss .text { display: block; float: left; width: 490px; text-align: left; } #boss .img { display: block; float: right; text-align: right; width: 220px; } #culture { border-top: 1px solid #dfe1e0; border-left: 1px solid #dfe1e0; padding: 20px 0px 50px 20px; min-height: 450px; text-align: left; line-height: 24px; color: #666; text-indent: 2em; } #culture p { margin-bottom: 15px; } #history { border-top: 1px solid #dfe1e0; border-left: 1px solid #dfe1e0; padding: 20px 0px 50px 20px; min-height: 450px; } #history .years { background: url(/mbimg/history_years_line.jpg) no-repeat; background-position: 12px 24px; display: block; float: left; width: 70px; height: 40px; font-size: 15px; font-family: Arial, Helvetica, sans-serif; color: #013B84; text-align: left; } #history .text { background: url(/mbimg/history_text_line.jpg) repeat-y; background-position: 0px 0px; display: block; float: left; width: 608px; color: #888; text-align: left; line-height: 24px; padding: 25px 0px 25px 30px; } #certificate { border-top: 1px solid #dfe1e0; border-left: 1px solid #dfe1e0; padding: 20px 0px 50px 20px; min-height: 450px; } #certificate .title { padding: 10px 0px; text-align: left; } #certificate .title strong { color: #fff; background: url(/mbimg/title_arr.jpg) no-repeat; background-position: center bottom; background-color: #013B84; display: inline-block; padding: 4px 12px 10px 12px; } #certificate .list { padding: 10px 0px; text-align: left; } #certificate .list a { background: url(/mbimg/arr.jpg) no-repeat; background-position: 3px 50%; display: inline-block; padding: 3px 20px 3px 11px; text-align: left; } #news { padding: 20px 0px 50px 20px; min-height: 450px; } #news .list { display: block; } #news .list a { display: block; padding: 25px 0px; border-bottom: 1px dotted #ccc; } #news .list a:hover .text strong { color: #0062b3; } #news .list .time { display: block; float: left; position: relative; width: 80px; text-align: left; color: #999; } #news .list .time .t { width: 60px; height: 50px; padding: 5px 0px 0px 10px; position: absolute; left: 0px; top: 0px; } #news .list .time .t_animate { background: #013B84; width: 0px; height: 55px; } #news .list .time strong { display: block; font-size: 18px; color: #0062b3; } #news .list .text { display: block; float: right; width: 620px; text-align: left; color: #999; line-height: 18px; } #news .list .text strong { display: block; color: #555; } #news_view { padding: 20px 0px 50px 20px; min-height: 450px; } #news_view .title { font-size: 16px; padding: 10px 0px; text-align: center; font-weight: bold; color: #444; border-bottom: 3px solid #e6e6e6; } #news_view .time { color: #ccc; padding: 15px 0px; } #news_view .text { text-align: left; line-height: 21px; padding: 15px 0px; color: #666; } #news_view .text table { border-top: 1px solid #ddd; border-left: 1px solid #ddd; margin: 10px 0px; } #news_view .text td { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 5px; } #news_view .url { border-top: 1px solid #e6e6e6; margin: 15px 0px; padding: 20px 0px; } #news_view .url .left { display: block; float: left; width: 300px; } #news_view .url .left a { border: 1px solid #ddd; display: block; float: left; text-align: center; margin: 0px 8px 0px 2px; padding: 3px 10px; color: #888; } #news_view .url .left a:hover { color: #013B84; } #news_view .url .left .back { background: url(/mbimg/back_arr.png) no-repeat; background-position: 5px 50%; background-color: #0062b3; border: 1px solid #0062b3; padding: 3px 10px 3px 18px; color: #fff !important; } #news_view .url .right { display: block; float: right; width: 134px; } #products { padding: 20px 0px 50px 20px; min-height: 450px; } #products .catalog{ display:block; width:710px; margin:15px 0px; padding:10px 0px; } #products .catalog:hover{ background:#ddd; } #products .catalog:hover .con strong{ border-bottom:1px solid #ccc; } #products .catalog .con{ display:block; float:left; width:470px; padding-left:10px; } #products .catalog .con strong{ display:block; padding:5px 0px; font-size:14px; color:#013B84; border-bottom:1px solid #ddd; text-align:left; cursor:pointer; } #products .catalog .con .list{ padding:10px 0px; text-align:left; } #products .catalog .con .list a{ background:url(/mbimg/products_arr.gif) no-repeat; background-position:2px 10px; display:inline-block; padding:5px 15px 5px 10px !important; text-align:left; margin:0px !important; width:auto; } #products .catalog .con .list a:hover{ background-position:2px -15px; color:#013B84; } #products .catalog .img{ display:block; float:right; padding-right:10px; } #products .catalog .img img{ border:1px solid #ddd; } #products .type{ text-align:center; padding:15px 0px; border-bottom:1px dotted #ccc; color:#999; } #products .type strong{ font-size:14px; color:#013B84; } #products .list{ text-align:left; padding:15px 0px; } #products .list a{ display:inline-block; width:206px; text-align:center; padding:13px 13px 0px 13px; margin:0px; line-height:43px; } #products .list a:hover{ color:#333; line-height:33px; } #products .list a:hover img{ border:3px solid #ccc; } #products .list a img{ display:block; border:3px solid #ddd; margin-bottom:10px; margin:0 auto; } #products_view { padding: 20px 0px 50px 0px; min-height: 450px; } #products_view .left { display: block; float: left; width: 310px; } #products_view .right { display: block; float: right; width: 350px; text-align: left; padding-right:10px; } #products_view .right .name { font-size: 25px; font-weight:bold; color: #013B84; padding: 10px 0px; text-align: left; } #products_view .right .types { color: #666; font-weight: bold; } #products_view .right .function { padding: 10px 0px; background: #fff6d6; border-top: 1px dotted #ccc; border-bottom: 1px solid #ddd; margin: 10px 0px; } #products_view .right .function a { display: block; text-align: left; height: 25px; line-height: 25px; color: #888; } #products_view .right .function a:hover { text-decoration: underline; color: #999; } #products_view .right .function img { margin: 0px 5px 0px 10px; } #products_view .right .file { color: #666; padding: 10px; text-align: left; } #products_view .right .file strong { display: block; padding: 5px 0px; } #products_view .right .file strong img { margin-right: 5px; } #products_view .right .file a { display: block; background: url(/mbimg/products_arr.gif) no-repeat; background-position: 5px 10px; padding: 5px 0px 5px 18px; text-align: left; color: #999; } #products_view .right .file a:hover { color: #013B84; background-position:5px -15px; } #products_view .right .url { height: 30px; padding: 10px; } #products_view .right .url a { font-size:16px; padding: 5px 15px; display: inline-block; background:#757575; border: 1px solid #757575; color:#fff; margin: 15px 10px 15px 0px; } #products_view .right .url a:hover { color: #013B84; background: #fff; border: 1px solid #ddd; } #products_view .tags { width: 710px; text-align:left; margin: 30px 0px; } #products_view .tags #tags_title { border-bottom: 1px solid #ddd; background: url(/mbimg/title_bg_1.png) repeat-x left top; } #products_view .tags #tags_title a { border: 1px solid #ddd; display: inline-block; background: #ddd; padding: 4px 15px; margin-bottom: -1px; position: relative; font-size: 14px; margin-left: 5px; outline: none; color:#666; } #products_view .tags #tags_title a.A { border-bottom: 1px solid #fff; background:#fff; color: #013B84; font-weight: bold; } #products_view .tags #tags_content { padding: 15px 5px; text-align: left; line-height: 20px; color: #666; } #products_view .tags #tags_content p { margin-top: 10px; } #products_view .tags #tags_content table { border-top: 1px solid #ddd; border-left: 1px solid #ddd; } #products_view .tags #tags_content table td { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background:#fff !important; padding: 8px; } #service { padding: 20px 0px 50px 20px; min-height: 450px; } #service .ad { padding: 15px 0px; text-align: left; border-bottom: 1px dotted #ccc; } #service .ad img { display: block; float: left; margin-right: 1px; } #service .ad .text { display: block; float: left; background: #e6e6e6; padding: 10px 15px; width: 400px; height: 120px; color: #888; line-height: 21px; } #service .ad .text strong { font-size: 16px; color: #444; display: block; padding: 10px 0px; } #service .text { text-align: left; line-height: 21px; padding: 15px 0px; color: #666; } #quality { padding: 20px 0px 50px 20px; min-height: 450px; } #quality .text { text-align: left; line-height: 21px; padding: 15px 0px; color: #666; border-bottom: 1px dotted #ccc; } #quality .text strong { font-size: 16px; color: #013B84; display: inline-block; padding: 5px 0px; } #quality .img { width: 710px; margin: 20px auto; position: relative; text-align:left; } #quality .img img{ margin-top:3px; } #quality .img #ad_1{ left:80px; top:100px; } #quality .img #ad_2{ right:30px; top:210px; background:#333; } #quality .img .ad{ position:absolute; background:#013B84; text-align:left; color:#fff; z-index:2; padding:15px; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } #quality .img .ad strong{ display:block; font-size:14px; padding:5px 0px; } #jobs { padding: 20px 0px 50px 20px; min-height: 450px; } #jobs .list a{ display:block; text-align:left; border-bottom:1px dotted #ccc; padding:15px 5px; color:#999; position:relative; } #jobs .list a:hover strong{color:#013B84;} #jobs .list a strong{ display:block; color:#555; padding:5px 0px; } #jobs .list a .view{ position:absolute; z-index:1; right:20px; bottom:10px; background:#ccc; width:30px; height:21px; line-height:21px; text-align:left; padding-left:10px; color:#fff; } #jobs_view { padding: 20px 0px 50px 20px; min-height: 450px; text-align:left; } #jobs_view .post { padding: 10px 0px; color: #013B84; font-size: 16px; font-weight: bold; font-family: "宋体"; } #jobs_view .text { padding: 5px 0px; line-height: 24px; min-height: 50px; color:#666; } #jobs_view .tags { padding: 15px 0px; } #jobs_view .tags .tags_title { padding: 10px 0px; } #jobs_view .tags .tags_title strong { display: inline-block; background:url(/mbimg/title_arr.jpg) no-repeat; background-position:center bottom; background-color: #013B84; color: #fff; padding: 4px 12px 10px 12px; } #jobs_view .tags .tags_content { padding: 5px 0px; line-height: 21px; color: #666; text-align: left; } #jobs_view .url { height: 60px; } #jobs_view .url a { padding: 5px 15px; display: inline-block; border: 1px solid #ddd; margin: 15px 10px 15px 0px; } #jobs_view .url a:hover {color: #013B84;} #download { padding: 20px 0px 50px 20px; min-height: 450px; } #download .tr{ border-bottom:1px solid #e6e6e6; display:block; line-height:25px; } #download .tr .title{ display:block; float:left; padding:0px 15px; background:#e6e6e6; margin-left:10px; font-weight:bold; color:#666; } #download .tr .view{ display:block; float:right; color:#999; padding:0px 10px; } #download .list{ padding:10px 0px; } #download .list a{ display:block; padding:10px 0px 10px 12px; text-align:left; background:url(/mbimg/arr.jpg) no-repeat; background-position:3px 50%; border-bottom:1px dotted #ccc; } #download .list a:hover span{ background:#0263aa; border:1px solid #0263aa; color:#fff; } #download .list a span{ border:1px solid #e6e6e6; display:inline-block; float:right; padding:2px 5px; font-size:11px; margin-right:3px; color:#999; } #download_view { padding: 20px 0px 50px 20px; min-height: 450px; } #download_view .title { font-size: 16px; font-weight: bold; color: #013B84; display:block; padding:20px 0px 10px 0px; text-align: left; } #download_view .time { padding: 10px 0px; color: #999; font-size: 12px; text-align:left; } #download_view .file { padding: 20px 10px 50px 10px; color: #666; font-size: 12px; font-family: "宋体" line-height: 21px; text-align: left; background: #fff8da; border: 1px solid #e6e6e6; } #download_view .file strong { display: block; padding: 5px 0px; font-size:14px; color: #333; } #download_view .file strong img { margin-right: 5px; } #download_view .file a { background: url(/mbimg/arr.jpg) no-repeat; background-position: 5px center; display: block; padding: 5px 0px 5px 15px; text-align: left; } #download_view .file a:hover { text-decoration: underline; } #download_view .url { height: 60px; text-align:left; } #download_view .url a { padding: 5px 15px; display: inline-block; border: 1px solid #ddd; margin: 15px 0px; } #download_view .url a:hover { color: #013B84; } #feedback{ padding: 20px 0px 50px 20px; min-height: 450px; } #feedback .ad { padding: 15px 0px; text-align: left; border-bottom: 1px dotted #ccc; } #feedback .ad img { display: block; float: left; margin-right: 1px; } #feedback .ad .text { display: block; float: left; background: #e6e6e6; padding: 10px 15px; width: 400px; height: 120px; color: #888; line-height: 21px; } #feedback .ad .text strong { font-size: 14px; color: #444; display: block; padding: 10px 0px; } #feedback dl { width: 700px; text-align:left; color:#999; margin:15px auto; } #feedback iframe{ float:right; margin-right:45px; } #feedback dl dt { width: 85px; line-height: 20px; color:#666; } #feedback dl dt, #feedback dl dd { padding: 5px 0; } #feedback dl dt span { color: #ff0000; padding-left: 6px; } #feedback dl dd { padding-left: 85px; margin-top: -34px; line-height: 20px; } #feedback dl input, #feedback dl textarea { border: solid 1px #ddd; color: #888; padding: 2px; } #feedback dl input { height: 20px; line-height:20px; padding-left:3px; font-family:"宋体"; font-size:12px; margin-right:5px; } #feedback dl textarea { width: 350px; height: 120px; overflow: auto; padding:5px; font-family:"宋体"; font-size:12px; } #feedback p{ display:inline-block; padding:3px 5px; background:#999; color:#fff; margin-right:1px; } #feedback .btn{ text-align:left; border-top:1px solid #e6e6e6; padding:15px 0px; margin:10px auto; } #feedback .btn input { margin-right: 10px; width: auto; border: none; color: #fff; padding: 5px 15px; cursor: pointer; font-weight: bold; font-size:14px; background:#013B84; border:1px solid #013B84; font-family:"宋体"; } #feedback .btn input:hover{ background:#fff; color:#013B84; border:1px solid #ddd; } #feedback .btn #cancel{ background:#999; } #network { padding: 20px 0px 50px 20px; min-height: 450px; } #network .text { text-align: left; line-height: 21px; padding: 15px 0px; color: #666; border-bottom: 1px dotted #ccc; } #network .img{ padding:10px 0px; } #case { padding: 20px 0px 50px 20px; min-height: 450px; text-align:left; } #case a{ border:1px solid #ddd; display:inline-block; padding:15px; text-align:center; margin:0px 25px 20px 5px; } #case a:hover{ background:#757475; color:#fff; } #case a img{ display:block; margin-bottom:10px; } #case_view { padding: 20px 0px 50px 20px; min-height: 450px; text-align:left; } #case_view .img{ width:180px; display:block; float:right; text-align:center; } #case_view .img img{ display:block; margin-bottom:10px; } #case_view .text{ width:510px; display:block; float:left; text-align:left; border-right:1px dotted #ccc; line-height:21px; color:#666; } #join { padding: 20px 0px 50px 20px; min-height: 450px; text-align:left; } #join .text{ font-size:12px; line-height:21px; color:#666; } #join .text strong{ background:url(/mbimg/join_arr.jpg) no-repeat; background-position:right 50%; display:inline-block; color:#013B84; font-size:14px; text-align:left; padding:10px 15px 10px 0px; } #join .other { padding: 20px 0px; margin:25px 0px; text-align: left; border-top: 1px dotted #ccc; } #join .ad { display:block; float:left; text-align: left; } #join .ad img { display: block; float: left; margin-right: 1px; } #join .ad .text { display: block; float: left; background: #e6e6e6; padding: 10px 25px; height: 100px; color: #333; font-size:16px; font-weight:bold; line-height: 25px; } #join .url{ display:block; float:left; } #join .url a{ display:inline-block; height:100px; background:url(/mbimg/icon_download.png) no-repeat; background-position:-30px 15px; background-color:#fff; border:1px solid #ddd; padding:10px 30px 10px 110px; text-align:left; color:#999; font-size:14px; margin-left:30px; } #join .url a strong{ font-size:18px; color:#013B84; font-weight:bold; display:block; padding:20px 0px 10px 0px; } #join .url a:hover{ background-position:-30px -260px; background-color:#013B84; border:1px solid #013B84; color:#fff; } #join .url a:hover strong{color:#fff;} #contact { min-height: 450px; text-align:left; } #contact .text{ display:block; float:left; padding:20px; width:700px; } #contact .text .map{ display:block; width:60px; font-size:14px; color:#013B84; padding:5px 10px 5px 40px; text-align:left; margin-top:30px; border:1px solid #ddd; background:url(/mbimg/icon_map.png) no-repeat; background-position:0px 0px; background-color:#fff; } #contact .text .map:hover{ text-decoration:underline; } #contact .tags_title{ font-size:18px; padding:10px 0px; margin:15px 0px 0px 0px; color:#333; font-weight:bold; } #contact .tags_content{ font-size:12px; line-height:24px; color:#666; } #contact .img{ display:block; float:right; width:210px; color:#ccc; padding-top:50px; text-align:left; } #contact .img img{ display:block; margin-bottom:10px; } #contact .img strong{ font-family:Arial, Helvetica, sans-serif; display:block; font-size:20px; font-weight:normal; padding:5px 0px; color:#777; } #contact .img strong span{color:#013B84;} #maps { padding: 20px 0px 50px 20px; min-height: 450px; text-align:left; } #maps .text{ padding:15px 0px; border-bottom:1px dotted #ccc; margin:10px 0px; color:#666; text-align:left; } #online { padding: 20px 0px 50px 20px; min-height: 450px; } #online .text { text-align: left; line-height: 21px; padding: 15px 0px; color: #013B84; border-bottom: 1px dotted #ccc; } #online dl { width: 700px; text-align:left; color:#999; margin:15px auto; } #online dl dt { width: 85px; line-height: 20px; color:#666; } #online dl dt, #online dl dd { padding: 5px 0; } #online dl dt span { color: #ff0000; padding-left: 6px; } #online dl dd { padding-left: 85px; margin-top: -34px; line-height: 25px; } #online dl input, #online dl textarea { border: solid 1px #ddd; color: #888; padding: 2px; } #online dl input { height: 20px; line-height:20px; padding-left:3px; font-family:"宋体"; font-size:12px; margin-right:5px; } #online dl textarea { width: 350px; height: 120px; overflow: auto; padding:5px; font-family:"宋体"; font-size:12px; } #online p{ display:inline-block; padding:3px 5px; background:#999; color:#fff; margin-right:1px; } #online .btn{ text-align:left; border-top:1px solid #e6e6e6; padding:15px 0px; margin:10px auto; } #online .btn input { margin-right: 10px; width: auto; border: none; color: #fff; padding: 5px 15px; cursor: pointer; font-weight: bold; font-size:14px; background:#013B84; border:1px solid #013B84; font-family:"宋体"; } #online .btn input:hover{ background:#fff; color:#013B84; border:1px solid #ddd; } #online .btn #cancel{ background:#999; } #application { width: 960px; height: 270px; margin: 0px auto; background: url(/mbimg/application_bg.jpg) no-repeat; } #application .title { width: 920px; height: 70px; line-height: 70px; margin: 0px auto; } #application .title .name { width: 400px; height: 70px; line-height: 70px; text-align: left; display: block; float: left; color:#666; font-size: 14px; font-family: Arial, Helvetica, sans-serif; } #application .title .name strong { color:#666; font-size: 18px; font-weight: normal; display: inline-block; margin-right: 10px; } #application .title .pro { width: 420px; height: 70px; line-height: 70px; text-align: right; display: block; float: right; padding-right: 100px; } #application .title .pro a { display: inline-block; padding: 0px 15px; font-size: 14px; color:#666; background: url(/mbimg/application_pro_separator.jpg) no-repeat right center; } #application .title .pro a:hover { text-decoration: underline; } #application .title .pro .noseparator { background: none; } #application .con { width: 920px; height: 170px; margin: 15px auto 0px auto; } #application .con #scrollApplication { display: block; width: 920px; float: left; height: 170px; overflow: hidden; margin: 0px auto; } #application .con #scrollApplication_s li { float: left; display: block; height: 170px; font-size: 14px; } #application .con #scrollApplication_s li div { display: block; text-align: center; width: 184px; } #application .con #scrollApplication_s a { display: block; } #application .con #scrollApplication_s li img { display: block; margin-bottom: 5px; } #page { margin: 15px 0px; text-align: left; } #page a { font-family: "宋体"; font-size: 12px; color: #666; vertical-align: middle; background: #fff; } #page a:hover { background: #ffffcc; color: #013B84; } #page .A { font-family: "宋体"; font-size: 12px; color: #df242a; } #page span { display: inline-block; font-family: "宋体"; font-size: 12px; color: #999; vertical-align: middle; } #page .prev { background: url(/mbimg/page_prev.gif) no-repeat; background-position: 50% 50%; font-size: 0px; } #page .prev:hover { background: url(/mbimg/page_prev.gif) no-repeat; background-position: 50% 50%; background-color: #ffffcc; } #page .no { border: 1px solid #ccc; filter: alpha(opacity=50); /* IE */ -moz-opacity: 0.5; /* 老版Mozilla */ -khtml-opacity: 0.5; /* 老版Safari */ opacity: 0.5; } #page .next { background: url(/mbimg/page_next.gif) no-repeat; background-position: 50% 50%; font-size: 0px; } #page .next:hover { background: url(/mbimg/page_next.gif) no-repeat; background-position: 50% 50%; background-color: #ffffcc; } #boot { width: 100%; margin: 30px auto 0px auto; background: url(/mbimg/boot_bg.jpg) repeat-x top center; } #boot .nav { width: 920px; height: 205px; margin: 0px auto; } #boot .nav div { display: block; float: left; width: 90px; height: 150px; padding-left: 30px; border-right: 1px dotted #ddd; text-align: left; margin-top: 30px; } #boot .nav .nav_1 { width: 110px; padding-left: 0px; } #boot .nav .nav_6 { border: 0px; } #boot .nav strong { display: block; padding: 5px 0px 2px 0px; } #boot .nav a { display: block; padding: 4px 0px; color: #8e8e8e; } #boot .nav a:hover { color: #666; } #boot .nav .sear { width: 180px; height: 202px; padding: 0px 0px 0px 24px; margin: 0px !important; border-left: 1px solid #e6e6e6; border-right: 0px; position: relative; } #boot .nav .sear .mascot { position: absolute; right: 0px; bottom: 32px; } #boot .nav .sear strong { font-size: 18px; color: #434242; display: block; font-weight: normal; padding-top: 40px; } #boot .nav .sear form { padding: 0px; margin: 0px; } #boot .nav .sear form input { border: 1px solid #dcdcdc; background: #fff; height: 28px; line-height: 28px; padding-left: 5px; text-align: left; color: #999; display: block; margin: 12px 0px; } #boot .nav .sear form #go { background: url(/mbimg/go_arr.png) no-repeat; background-position: 35px center; background-color: #f08519; border: 0px; color: #fff; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 14px; padding: 0px 25px 0px 10px; height: 26px; cursor: pointer; } #boot .copy { width: 920px; height: 35px; line-height: 35px; text-align: left; margin: 0px auto; color: #777; } #boot .copy a { color: #ccc; } /* lightbox */ #lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity: 0.85; display: none; } /* line 15, ../sass/lightbox.sass */ #lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-weight: normal; } /* line 24, ../sass/lightbox.sass */ #lightbox img { width: auto; height: auto; } /* line 27, ../sass/lightbox.sass */ #lightbox a img { border: none; } /* line 30, ../sass/lightbox.sass */ .lightbox-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; } /* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ .lightbox-outerContainer:after { content: ""; display: table; clear: both; } /* line 39, ../sass/lightbox.sass */ .lightbox-container { padding: 10px; } /* line 42, ../sass/lightbox.sass */ .lightbox-loader { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } /* line 51, ../sass/lightbox.sass */ .lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } /* line 59, ../sass/lightbox.sass */ .lightbox-container > .nav { left: 0; } /* line 62, ../sass/lightbox.sass */ .lightbox-nav a { outline: none; } /* line 65, ../sass/lightbox.sass */ .lightbox-prev, .lightbox-next { width: 49%; height: 100%; background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); /* Trick IE into showing hover */ display: block; } /* line 72, ../sass/lightbox.sass */ .lightbox-prev { left: 20px; float: left; cursor: pointer; } /* line 76, ../sass/lightbox.sass */ .lightbox-next { right: 20px; float: right; cursor: pointer; } /* line 81, ../sass/lightbox.sass */ .lightbox-prev:hover { background: url(/mbimg/prev.gif) left 50% no-repeat; } /* line 85, ../sass/lightbox.sass */ .lightbox-next:hover { background: url(/mbimg/next.gif) right 50% no-repeat; } /* line 88, ../sass/lightbox.sass */ .lightbox-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; } /* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ .lightbox-dataContainer:after { content: ""; display: table; clear: both; } /* line 95, ../sass/lightbox.sass */ .lightbox-data { padding: 0 10px; color: #bbbbbb; } /* line 98, ../sass/lightbox.sass */ .lightbox-data .lightbox-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } /* line 103, ../sass/lightbox.sass */ .lightbox-data .lightbox-caption { font-size: 18px; color: #ffffff; font-family: "宋体"; font-weight: bold; line-height: 1em; } /* line 107, ../sass/lightbox.sass */ .lightbox-data .lightbox-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; } .lightbox-data .lightbox-number SPAN { color: #ff9900; } /* line 112, ../sass/lightbox.sass */ .lightbox-data .lightbox-close { width: 35px; float: right; padding-bottom: 0.7em; outline: none; } /* line 117, ../sass/lightbox.sass */ .lightbox-data .lightbox-close:hover { cursor: pointer; } .clear{ clear:both;} #copyright{ width:1000px; margin:0 auto; height:40px; line-height:40px; vertical-align:middle; text-align:center; color:#000; font-size:12px; border-top:#3398DE solid 2px;} .pageLeft{width:240px; float:left; margin-left:10px; margin-top:15px; text-align:left;border: 1px solid #ccc;} .pageLeft h1{width:240px; float:left; height:70px; line-height:70px; vertical-align:middle; text-indent:20px; background:url(/images/Left_tit.png) left top no-repeat; font-size:18px; color:#FFF;} .pageLeft ul li{width:240px; height:40px; line-height:30px; float:left; } .pageLeft ul li a{font-size:14px; color:#000;background:url(/images/nav-bg.png) left center no-repeat; padding-left:30px; width:240px;height:31px; float:left;margin-bottom:5px;} .pageLeft ul li a:hover{color:#0062b2; background:url(/images/nav-on.png) left center no-repeat;width:240px;height: 31px;padding-left:30px; float:left;margin-bottom:5px; } .pageLeft h2{width:240px; float:left; padding:10px 0px; background-color:#C52723; font-size:16px; color:#FFF; text-indent:20px; margin-top:10px; text-align:left;} .pageLeft form{width:240px; float:left; padding-top:10px; margin-bottom:10px; text-align:left;} .pageLeft form input.left_txt{width:150px; height:24px; line-height:24px; vertical-align:middle; text-indent:10px; float:left; border:#CCC solid 1px;} .pageLeft form input.left_sbt{background-color:#FFF; cursor:pointer; font-size:12px; color:#000; padding:4px 0px; text-align:center; width:70px; float:right; border:#CCC solid 1px;} .pageLeft ol{width:240px; float:left; padding-bottom:20px;} .pageLeft ol li.left_cont{width:240px; background:url(/images/nav_imgs-contact.gif) left top no-repeat; margin-top:20px; height:80px; float:left;} .pageLeft ol li.left_cont a{width:240px; display:block; text-indent:-9999px; height:80px; float:left;} .pageLeft ol li.left_serv{width:240px; background:url(/images/nav_imgs-service.gif) left top no-repeat; margin-top:10px; height:229px; float:left;} .pageLeft ol li.left_serv a{width:240px; display:block; text-indent:-9999px; height:229px; float:left;} #DropNav{ width:110px; left:0px; top:40px; position:absolute; z-index:3; background-color:#fff;} #DropNav ul{ width:110px; position:relative; float:left; background-color:#FFF;} #DropNav ul li{width:110px; height:30px; line-height:30px; float:left; background-color:#036db7; vertical-align:middle; text-align:center; border-bottom:#ccc dashed 1px;} #DropNav ul li a{width:110px; height:30px; display:block; float:left; color:#FFF; font-size:14px;} #DropNav ul li a:hover{color:#ffffff; background-color:#333;} .xgPro{width:710px; float:left; text-align:center;} .xgPro h2{width:708px; height:30px; font-size:14px; text-indent:10px; color:#333; line-height:30px; vertical-align:middle; float:left; text-align:left; border:solid 1px #CCC;} .xgPro ul{width:710px; float:left; overflow:auto;} .xgPro ul li{width:710px; float:left; text-align:center; overflow:auto;} .xgPro ul li a{ font-size:14px; color:#666666;} .xgPro ul li a:hover{color:#000;} #PageLeft .subnav ol .xl{ height:40px;background-color:#0062b3;} #PageLeft .subnav ol .xl a{ color:#0062b3; line-height:40px;height:40px; background-color:#0062b3;} #key_word{ width:170px; height:24px; line-height:24px; vertical-align:middle; border:solid 1px #ddd; text-indent:10px; font-size:13px; font-family:"宋体";} .sbt{ width:40px; height:28px; line-height:28px; vertical-align:middle; color:#333; font-size:13px; background:url(/images/search-btn.jpg); border:solid 1px #ddd; float:left;} .chanpin{width:720px; padding-top:10px; float:left; margin:0px;} .chanpin ul{width:720px; text-align:center; float:left;} .chanpin ul li{width:220px; margin:0 10px; float:left;} .chanpin ul li span{width:220px; height:265px; display:block; overflow:hidden; padding:4px; border:solid 1px #CCC; float:left; margin-bottom:20px;} .chanpin ul li span img{width:220px; height:220px; display:block;} .chanpin ul li p{width:220px; padding:10px 0px; float:left; background-color: #dadadc; margin-top:5px;} .chanpin ul li p a{ font-size:13px; color:#333;} .chanpin ol{width:720px; text-align:center; float:left;} .chanpin ol li{width:720px; font-size:14px; color:#333; float:left;} .chanpin ol li a{font-size:14px; color:#333;} .chanpin ol li a:hover{color:#0062b2} .INPUT{ width:280px; float:left; background-image:none; background-color:#FFF; height:24px; line-height:24px; vertical-align:middle; border:solid 1px #CCC;} .dl_txt{ width:280px; height:150px; border:solid 1px #CCC; font-size:14px; color:#333;} .btn01{ width:70px; height:24px; line-height:24px; vertical-align:middle; margin-right:10px; border:solid 1px #CCC; color:#333; font-size:12px; cursor:pointer;} .feedbk{width:679px; float:left; text-align:left;} .feedbk h2{width:679px; font-family:"宋体"; font-size:14px; font-weight:normal; color:#666;} .feedbk input.fk_txt{width:303px; height:28px; font-family:"宋体"; line-height:28px; margin-top:20px; font-size:14px; text-indent:10px; color:#333; vertical-align:middle; float:left; border:solid 1px #ddd;} .feedbk input.fk_txt2{width:303px; height:28px; font-family:"宋体"; line-height:28px; margin-top:20px; font-size:14px; text-indent:10px; color:#333; vertical-align:middle; float:right; border:solid 1px #ddd;} .feedbk textarea{width:657px; font-size:14px; font-family:"宋体"; border:solid 1px #ddd; float:left; line-height:28px; margin-top:20px; padding:0px 10px; height:125px; color:#333;} .feedbk input.fk_btn{width:130px; height:36px; font-family:"宋体"; line-height:36px; margin-top:20px; border:solid 1px #999; background-color:#f5f5f5; vertical-align:middle; float:left; text-align:center; font-size:16px; color:#000;} #PageLeft .subnav ol li a.seleNav{color:#000;} #PageLeft .subnav ul{width:240px; height:20px; background:url(/yf_img/navpart-boot.gif) left bottom no-repeat; float:left;} #PageLeft .leftser{width:240px; float:left; margin-top:10px; height:230px;} #PageLeft .leftcnt{width:240px; float:left; margin-top:10px; height:86px;} .leftcon { width: 240px; height: 60px; padding-top: 20px; overflow: hidden; } .contact1 { width: 240px; margin-top: 20px; overflow: hidden; border: 1px solid #ddd; padding: 3px; height:370px; } .contact1 ul{ padding:5px 0; background:none;} .contact1 ul li{ font-size:14px; line-height:26px; padding:0 5px; background:none;text-indent:0px;} .honor{width:720px; float:left; text-align:center; padding:15px 5px;} .honor ul{width:220px; margin:0px 10px; float:left;} .honor ul li.hr_pic{width:215px; height:215px; padding:4px; overflow:hidden; border:solid #ddd 1px; float:left;} .honor ul li.hr_pic:hover{border:solid #0062b2 1px;} .honor ul li.hr_pic img{width:215px; height:215px; display:block;} .honor ul li.hr_txt{width:220px; padding:5px 0px; float:left; line-height:40px; height:40px;} .honor ul li.hr_txt a{ font-size:13px; color:#000;} .honor ul li.hr_txt a:hover{color:#0062b2;} .rpage{width:730px; float:left; text-align:center; padding-bottom:20px;} .rpage a{font-size:13px; color:#333; padding:5px 10px; border:solid #ddd 1px; background-color:#FFF; margin:0px 5px;} .rpage a:hover{color:#fff; background-color:#333;} .rpage a.rpage_hover{color:#fff; background-color:#333;} #complex #pageRight{width:730px; float:right; text-align:left; margin-top:15px;} #complex #pageRight > h1{width:730px; height:40px; line-height:40px; vertical-align:middle; background:#e7e7e7 url(/images/title-bg.gif) left center no-repeat;} #complex #pageRight > h1 span{width:230px; height:40px; font-size:14px; color:#000; font-weight:bold; display:block; float:left; text-indent:20px;} #complex #pageRight > h1 p{width:450px; height:40px; font-size:12px; color:#000; float:right; font-weight:normal; padding-right:10px; text-align:right;} #complex #pageRight > h1 p a{font-size:12px; color:#000;} #complex #pageRight > h1 p a:hover{color:#0062b2;} #complex #pageRight .only{width:710px; float:left; overflow:hidden; line-height:200%; font-size:13px; color:#000; padding:20px 10px;} #PageLeft{width:198px; float:left; margin-top:15px;margin-left:15px;} #PageLeft .subnav{width:240px; float:left;} #PageLeft .subnav h1{width:240px; height:70px; float:left; line-height:33px; text-align:left; color:#FFF;} #PageLeft .subnav h1 span{width:240px; height:36px; text-indent:19px; line-height:36px; display:block; color:#FFF; font-size:18px; vertical-align:middle; float:left;} #PageLeft .subnav h1 p{width:240px; height:70px; text-indent:19px; line-height:70px; display:block; color:#FFF; font-size:18px; vertical-align:middle; float:left; background:url(/images/a_img.png)} /* FILE ARCHIVED ON 09:47:29 Mar 11, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 23:09:35 Jul 09, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.519 exclusion.robots: 0.154 exclusion.robots.policy: 0.147 esindex: 0.008 cdx.remote: 9.122 LoadShardBlock: 90.666 (3) PetaboxLoader3.datanode: 66.489 (4) load_resource: 147.042 PetaboxLoader3.resolve: 67.412 */