﻿@charset "utf-8";
/* CSS Document */

.bt-bg { background: url(../images/box-bt-bg.jpg) repeat-x; width: 100%; height: 84px; }
.bt-bg h1 { width: 955px; margin: 0 auto; background: url(../images/box-bt-icon.png) no-repeat left 42px; text-transform: uppercase; padding-top: 35px; padding-left: 45px; font-size: 32px; color: #1D4BD3; position: relative; }
.bt-bg h1 span { font-weight: normal; color: #7F7F7F; font-size: 28px }
.bt-bg h1 .fr { font-weight: normal; font-size: 12px; color: #7F7F7F; position: absolute; right: 0; bottom: 3px; }
.bt-bg h1 .fr a { color: #7F7F7F; }
.box { background: url(../images/bg-1.jpg) no-repeat right top; min-height: 500px; }
.location { width: 1000px; color: #7F7F7F; margin: 5px auto; }
/*
	内容
*/

.bout { width: 980px; padding: 50px 0; margin: 0 auto; line-height: 25px; }
.bout p { padding-bottom: 10px; }
.bout table { width: 100%; }
.bout td { border: 1px #DDDDDD solid; }
#map { width: 980px; padding: 50px 0; margin: 0 auto; line-height: 25px; }
/*
	新闻
*/
.news-list { width: 980px; margin: 0px auto; padding: 50px 0; }
.news-list .img { float: left; width: 240px; padding: 30px 0px; text-align: left; }
.news-list .img a { display: inline-block; }
.news-list .img img { width: 240px; height: 160px; }
.news-list .text { float: right; width: 700px; padding: 30px 0px; text-align: left; }
.news-list .text a { display: block; color: #999; line-height: 21px; }
.news-list .text h3 { display: block; padding: 10px 0px; font-size: 16px; color: #333; }
.news-list .text span { color: #1D4BD3; display: block; font-size: 12px; padding: 5px 0px 10px 0px; }
.news-list .text img { margin-right: 5px; }
.news-list .text a:hover h3 { color: #1D4BD3; }
.news-list .clear { clear: both; border-bottom: 1px dotted #ddd; }
/*	*/
.view-news { width: 980px; margin: 0px auto; padding: 50px 0; }
.view-news .title { color: #333; font-size: 30px; padding: 20px 0px; font-weight: 600; text-align: center; }
.view-news .time { font-size: 14px; color: #999; border-bottom: 1px solid #eee; text-align: center; padding: 10px 0px; }
.view-news .text { font-size: 14px; color: #666; line-height: 25px; text-align: left; padding: 30px 0px; }
.view-news .url { padding: 10px 15px; margin: 20px auto; background: #f3f3f3; }
.view-news .url a { display: block; font-size: 14px; padding: 5px 0px; }
.view-news .url a strong { font-weight: bold; display: inline-block; text-decoration: none !important; color: #666; }
.view-news .url a:hover { text-decoration: underline; }
/*
	图片列表
*/
.vLi { width: 980px; position: relative; margin: 0 auto; padding: 50px 0; }
.vLi ul { width: 100%; }
.vLi li { float: left; text-align: center; width: 33.3%; margin-top: 30px; padding-bottom: 30px; }
.vLi .viBox { width: 200px; padding: 0px 16px; height: 174px; margin: 0px auto; border-right: 1px solid #E0E0E0; overflow: hidden; position: relative; }
.vLi li b { display: block; width: 198px; text-align: left; font-size: 13px; height: 14px; overflow: hidden; line-height: 180%; color: #666; border-bottom: 1px solid #E0E0E0; padding-bottom: 8px; }
.vLi li .viBox div { margin: 12px auto; width: 180px; height: 130px; }
.vLi li .viBox div a { display: block; width: 180px; height: 140px; display: table-cell; vertical-align: middle; }
.vLi li img { max-width: 180px; max-height: 135px; vertical-align: middle; }
.vLi li p { text-align: left; color: #AAA; line-height: 22px; }
.vLi li em { display: block; line-height: 22px; text-align: right; }
.vLi .news_keysword a { font-weight: bold; padding: 3px; }
/*
	产品列表
*/
#proCls { width: 980px; margin-top: 10px; }
#proCls li { display: block; background: #EEE; margin-bottom: 30px; padding: 20px; }
.proClsL { width: 200px; height: 200px; float: left; position: relative; }
.proClsL a { display: block; width: 100%; height: 100%; }
.proClsL img { width: 200px; height: 200px; position: absolute; z-index: 1; }
.proClsL span.bg { display: block; width: 100%; height: 40px; background: #1D4BD3; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; position: absolute; z-index: 2; left: 0; bottom: 0; }
.proClsL span.txt { display: block; width: 100%; height: 40px; color: #FFF; position: absolute; z-index: 3; left: 0; bottom: 0; line-height: 37px; font-size: 14px; text-align: center; }
#proCls .clear { clear: both; height: 0px; font-size: 0px; }
.proClsR { width: 700px; float: right; overflow: hidden; }
.proCls_list { width: 700px; }
.proCls_list li { width: 300px; float: left; margin-right: 30px; margin-bottom: 0 !important; padding: 0 !important; background: none !important; }
.proCls_list li.clear { width: 100%; float: none; clear: both; height: 10px !important; }
.proCls_list li a { display: block; font-size: 12px; }
.proCls_list li a:hover, .proCls_list li a:active { text-decoration: underline; }
.proCls_list li img { width: 40px; height: 40px; padding: 3px; border: 1px solid #DDD; margin-right: 8px; }
/* */
#product { width: 980px; min-height: 500px; margin: 0 auto; text-align: left; }
#product .type { background: #f3f3f3; padding: 10px; text-align: center; color: #888; }
#product .type a { font-size: 16px; font-weight: 600; color: #f29a10; }
#product .list { margin: 30px auto; }
#product .list a { width: 208px; min-height: 240px; overflow: hidden; display: block; float: left; padding: 10px; border: 1px solid #eee; margin-right: 20px; text-align: center; position: relative; background-color: #FFF; }
#product .list a img { margin-bottom: 10px; width: 208px; height: 208px; display: block; }
#product .list a .name { width: 100%; position: absolute; z-index: 9; left: 0px; bottom: 10px; font-size: 16px; }
#product .list a .icon { background: url(../images/icon_zoom.png) no-repeat; background-position: center center; width: 100%; height: 230px; position: absolute; z-index: 2; left: 0px; top: -300px; }
#product .list a .bg { background: rgba(29,75,221,0.9); width: 100%; height: 0px; position: absolute; z-index: 1; left: 0px; bottom: 0px; }
#product .list a:hover { color: #fff; font-weight: 600; }
/* */
.view-product { width: 980px; margin: 0px auto; padding: 50px 0; }
.view-product .bimg { width: 580px; float: left; text-align: left; }
.view-product .hover { width: 400px; float: right; text-align: left; }
.view-product .hover h2 { font-size: 30px; display: block; padding: 20px 0px; }
.view-product .hover .nav { margin: 0px auto; }
.view-product .hover .nav p { display: block; font-size: 14px; padding: 10px 0px; color: #666; }
.view-product .hover .nav p img { margin-right: 10px; padding-right: 10px; border-right: 1px solid #ddd; }
.view-product .hover .nav a:hover { text-decoration: underline; }
.view-product .hover .pdf { margin: 30px auto 0px auto; height: 40px; line-height: 40px; padding: 0px 10px; border: 1px solid #ddd; }
.view-product .hover .pdf strong { display: inline-block; height: 25px; line-height: 25px; margin-right: 10px; padding-right: 10px; border-right: 1px solid #ddd; }
.view-product .hover .pdf a { color: #ed0000; background: url(../images/icon-pdf.png) no-repeat !important; }
.view-product .hover .pdf:hover a { text-decoration: underline; }
.view-product .tags { padding: 30px 0px; margin: 0px auto; }
.view-product .tags .tags_title { font-size: 16px; font-weight: 600; color: #1D4BD3; padding: 10px; border-bottom: 1px solid #DDD; }
.view-product .tags .tags_content { text-align: left; padding: 20px 10px; line-height: 25px; color: #666; font-size: 14px; }
