/*全局*/
body { font-size: 16px; line-height: 1.8em; font-family: 'Arial', 'Microsoft YaHei'; }
.content, .header, .footer { max-width: 1920px; min-width:1200px; margin-left: auto; margin-right: auto; clear: both; }

.lh0 { line-height: 0; }
.tb { display: table; }
.ce { display: table-cell; }
.w1200 { width: 1200px; margin-left: auto; margin-right: auto; }
.w800 { width: 800px; margin-left: auto; margin-right: auto; }
.vt { vertical-align:top; }

#KCMScontent p { margin-bottom:0.6em; }

/*页眉*/
.header .nav { background-color: #000000; line-height: 40px; }
    .header .nav ul { display: table; }
        .header .nav ul li { display: table-cell; text-align: center; }
            .header .nav ul li a { color: #ffffff; text-decoration: none; display: block; }
                .header .nav ul li a:hover { color: #ffffff; text-decoration: none; background-color: #b10004; }
            .header .nav ul li b { color: #ffffff; background-color: #b10004; font-weight:normal; display:block;}

/*页脚*/
.footer { background-image: url(images/bottom_bg.jpg); color: #ffffff; height:335px; }
    .footer a { color: #ffffff; text-decoration: none; }
        .footer a:hover { color: #ffffff; text-decoration: none; }

    .footer .address { height:255px; }
    .footer .ver { line-height:80px;text-align:center; }

    .footer .address .erweima { width:120px; }
    .footer .address .line { width:80px; }
        .footer .address .line > div { width:1px; background-color:#ffffff; height:100px; margin-left:auto; margin-right:auto; }
    .footer .address .left { font-size:24px; line-height:48px; width:480px; }

/*首页*/

.viewdetail { width: 120px; line-height: 40px; background-color: #b10004; text-align: center; }
    .viewdetail a { display: block; color: #ffffff; text-decoration: none; }
        .viewdetail a:hover { color: #ffffff; text-decoration: none; }
        .viewdetail a span { visibility: hidden; }
        .viewdetail a:hover span { visibility: visible; }

.content .index1 .left dd.selected a { color: #b10004; font-weight:bold; }


.content .index1 { background-color: #e9e9e9; }
    .content .index1 .tb .left { height:478px; background-color:#ffffff; }
    .content .index1 .tb .line { width:20px; }
    .content .index1 .tb .display { height:480px; background-color:#ffffff; }
        .content .index1 .tb .display .image { width: 480px; height: 480px; line-height: 0; }
            .content .index1 .tb .display .image img { width:480px; height:480px; }

    .content .index1 .display section { height: 480px; display: none; width: 100%; }
        .content .index1 .display section.selected { display: table; }

    .content .index1 .display .detail dl { padding-right:20px; }
    .content .index1 .display .detail dt.title { font-size: 30px; font-weight: bold; text-align: center; }
    .content .index1 .display .detail dd.brief { margin: 40px 0; height: 174px; }
    .content .index1 .display .detail dd.more > div { margin-left:auto; margin-right:0; }

        .content .index2 .list dl { float: left; display: inline; width: 220px; margin-left: 25px; cursor: pointer; }
    .content .index2 .list dl:first-of-type { margin-left: 0; }
    .content .index2 .list dl dt img { width: 220px; height:128px; }
    .content .index2 .list dl dd { text-align: center; }
        .content .index2 .list dl dd .line { width: 30px; height: 3px; background-color: #ffffff; margin: 14px auto; }
    .content .index2 .list dl:hover dd .line { background-color: #b10004; }
    .content .index2 .list dl.selected { color: #b10004; font-weight: bold; cursor:default; }
        .content .index2 .list dl.selected dd .line { background-color: #ffffff; }


.content .index2 .display { position: relative; }
    .content .index2 .display section { height: 454px; display: none; width: 100%; }
        .content .index2 .display section.selected { display:table; }
        .content .index2 .display section .image { width: 780px; display: table-cell; vertical-align: top; }
            .content .index2 .display section .image img { width: 780px; height: 454px; }
        .content .index2 .display section .detail { width: 420px; display: table-cell; vertical-align: top; }
            .content .index2 .display section .detail dl { padding: 40px 20px; }
                .content .index2 .display section .detail dl dt.title { font-size: 30px; font-weight: bold; }
                .content .index2 .display section .detail dl dd.brief { margin: 40px 0; height: 174px; }



                .content .index3 { height: 600px; background-image: url(images/index_gsjj_bg.jpg); }
    .content .index3 .image { width: 610px; }
        .content .index3 .image img { margin-top: 65px; }
    .content .index3 .detail { background-image: url(images/index_gsjj_2.gif); background-position-y: 90px; background-repeat: no-repeat; color: #ffffff; }
        .content .index3 .detail .company { font-size: 40px; margin-top: 60px; }
        .content .index3 .detail .line { height: 1px; background-color: #ffffff; width: 60px; margin-top: 30px; margin-bottom: 30px; }
        .content .index3 .detail .brief { height: 116px; }
        .content .index3 .detail .more { margin-top: 30px; }

/*内页框架*/
.content .left { width: 300px; display: table-cell; border: 1px solid #d7d7d7; }
    .content .left dt { background-image: url(images/index_pd_titlebg.png); line-height: 66px; font-weight: bolder; text-indent: 1em; font-size: larger; }
    .content .left dd { line-height: 50px; border-bottom: 1px solid #d7d7d7; text-indent: 2.5em; background-image: url(images/arrow1.png); background-repeat: no-repeat; background-position: 1.5em center; }
        .content .left dd.selected { background-image: url(images/arrow2.png) !important; }
        .content .left dd:hover { background-image: url(images/arrow2.png); }
        .content .left dd a { color: #838383; text-decoration: none; display: block; }
            .content .left dd a:hover { color: #b10004; text-decoration: none; }
        .content .left dd b { color: #b10004; text-decoration: none; display: block; font-weight: bold; }


.content .main { display: table-cell; padding: 0 30px; }


.content .product { }
    .content .product dl { width: 262px; margin-left: 26px; margin-bottom:60px; float: left; display: inline; }
        .content .product dl:nth-of-type(3n+1) { margin-left: 0px !important; }
        .content .product dl dt a { display: block; }
            .content .product dl dt a img { border: 1px solid #d7d7d7; }

        .content .product dl dd { text-align: center; line-height:40px;}
            .content .product dl dd a { display: block; color: #838383; text-decoration: none; }

        .content .product dl:hover dd a { color: #ffffff; background-color:#b10004 ; font-weight:bold; }
        .content .product dl:hover dt a img { border: 1px solid #b10004; }


.content .main.product #title { font-weight: bolder; font-size: larger; text-align: center; margin-bottom: 1em; }


/*内页框架-资讯动态*/
/*资讯列表*/
.content .news .newslist { border-bottom: 1px solid #d7d7d7; padding-bottom: 40px; margin-bottom: 40px; }
    /*左侧图片*/
    .content .news .newslist .titleimage { width: 300px; }
        .content .news .newslist .titleimage img { width: 300px; height: 200px; }
    /*右侧信息*/
    .content .news .newslist dl { margin-left: 30px; }
        .content .news .newslist dl dt.title { font-size: larger; font-weight: bolder; padding-bottom:10px; line-height:2em }
        .content .news .newslist dl dd.brief { color: #838383; height:90px; }
        .content .news .newslist dl dd.date { color: #bfbfbf; font-size: smaller; }
        .content .news .newslist dl dd.more { color: #b10004; text-decoration: none; text-align:right; line-height:40px;}
            .content .news .newslist dl dd.more a { color: #b10004; text-decoration: none; }
                .content .news .newslist dl dd.more a:hover { color: #b10004; text-decoration:underline; }

/*资讯内页*/
.content .main.news #title { font-weight: bolder; font-size: larger; text-align: center; margin-bottom: 1em; }



/*分页*/
.thepage div { font-size: smaller; border: 1px solid #dcdcdc; display: inline; margin: 0.1em; padding: 0.4em 0.6em; }
    .thepage div a { color: #0c68b5; }

#container { width:838px; height:418px; border:1px solid #d7d7d7; }

.close a { color: #b10004; text-decoration: none; }
    .close a:hover { color: #b10004; text-decoration: underline; }