@charset "utf-8";

/*

global

微软雅黑=\5fae\8f6f\96c5\9ed1

微軟正黑體=\5fae\8edf\6b63\9ed1\9ad4

新宋体=\65b0\5b8b\4f53

宋体=\5b8b\4f53

黑体=\9ed1\4f53

丽黑 Pro=LiHei Pro Medium=\4e3d\9ed1 Pro

丽宋 Pro=LiSong Pro Light=\4e3d\5b8b Pro

*/



* html, * html body {

    _background-image: url(about:blank);

    _background-attachment: fixed;

}

html, body {

    font-family: \5fae\8f6f\96c5\9ed1, Tahoma, \5b8b\4f53, sans-serif;

    font-size: 12px;

    line-height: 150%;

    color: #000;

    background-color: #fff;

}

a {

    _star: expression(this.onFocus=this.blur());

    outline: none;

}





/**

 * header

 */



#header {

    height: 105px;

    background: #fff;

    clear: both;

}

#header .header {

    width: 1200px;

    margin: auto;

}

#header .header h1 {

    width: 224px;

    height: 65px;

    padding: 20px 0;

    float: left;

}

#header .header ul {

    height: 105px;

    float: right;

}

#header .header ul li {

    height: 105px;

    line-height: 105px;

    width: 110px;

    float: left;

    font-size: 16px;

    font-weight: bold;

}

#header .header ul li a {

    color: #333;

    display: block;

    text-align: center;

    height: 105px;

    text-decoration: none;

}

#header .header ul li a:hover, #header .header ul li.hover a {

    background: #9a0000;

    color: #fff;

}

/**

 * info

 */



.info {

    background: #fff;

    clear: both;

    margin-top: 40px;

    overflow: hidden;

}

.info .left {

    width: 730px;

    float: left;

}

.info .left .head {

    height: 20px;

    padding: 15px 0;

}

.info .left .head h3 {

    float: left;

    font-weight: bold;

    border-left: 3px solid #900;

    height: 20px;

    font-size: 20px;

    padding-left: 15px;

    color: #484848;

}

.info .left .body {

    background: #f9f9f9;

}

.info .left .body ul {

    padding: 10px 30px;

    overflow: hidden;

}

.info .left .body li:nth-child(6) {

    overflow: hidden;

    height: 0;

    display: none;

}

.info .left .body li {

    height: 78px;

    padding: 20px 0;

    overflow: hidden;

}

.info .left .body .img {

    float: left;

    width: 120px;

}

.info .left .body .img img {

    width: 120px;

    height: 78px;

}

.info .left .body .txt {

    width: 520px;

    padding: 6px 0;

    float: right;

}

.info .left .body .txt h3 {

    font-size: 15px;

    font-weight: bold;

    color: #333;

    height: 30px;

    line-height: 30px;

    text-decoration: none;

}

.info .left .body .txt p {

    font-size: 13px;

    line-height: 1.5;

    height: 36px;

    overflow: hidden;

    color: #999;

}

.info .right {

    width: 450px;

    height: 376px;

    float: right;

}

.info .right .head {

    height: 20px;

    padding: 15px 0;

}

.info .right .head h3 {

    float: left;

    font-weight: bold;

    border-left: 3px solid #900;

    height: 20px;

    font-size: 20px;

    padding-left: 15px;

    color: #484848;

}

/**

 * honr

 */

.honr {

    height: 810px;

    background: url(../img/honr.jpg) no-repeat 50% 50%;

    overflow: hidden;

}

/**

 * materiel

 */



.materiel {

    width: 100%;

    clear: both;

    margin-top: 40px;

    background: #f3f3f3;

    padding: 40px 0;

    overflow: hidden;

}

.materiel .head, .materiel .body {

    width: 1200px;

    text-align: center;

    margin: auto;

}

.materiel .head {

    padding: 20px 0;

    clear: both;

}

.materiel .body {

    padding: 20px 0;

    clear: both;

}

.materiel .foot {

    padding: 40px 0 0 0;

    clear: both;

    text-align: center;

}

.materiel .foot a {

    display: inline-block;

    border: 1px solid #991017;

    width: 200px;

    line-height: 36px;

    height: 36px;

    color: #991017;

    text-decoration: none;

    font-size: 14px;

}

.materiel .body ol.thead {

    height: 32px;

    line-height: 32px;

    background: url(../img/line.jpg) no-repeat 50% 50%;

}

.materiel .body ol.thead li {

    display: inline-block;

    height: 32px;

    line-height: 32px;

    padding: 0 25px;

}

.materiel .body ol.thead li.hover {}

.materiel .body ol.thead li a {

    background: #fff;

    color: #333;

    text-decoration: none;

    font-size: 15px;

    text-align: center;

    display: inline-block;

    padding: 0 10px;

    border-radius: 10px;

}

.materiel .body ol.thead li.hover a {

    background: #991017;

    color: #fff;

}

.materiel .body .tbody {

    padding: 40px 0 0 0;

}

.materiel .body .tbody ul {

    width: 1208px;

}

.materiel .body .tbody li {

    float: left;

    width: 294px;

    margin-right: 8px;

    background: #fff;

    overflow: hidden;

}

.materiel .body .tbody li img {

    width: 294px;

    height: 343px;

}

.materiel .body .tbody li .txt {

    padding: 30px;

    text-align: left;

}

.materiel .body .tbody li p {

    line-height: 1.5;

    font-size: 13px;

    color: #888

}

.materiel .body .tbody li h3 {

    font-size: 18px;

    line-height: 1.5;

    height: 30px;

}

.materiel .body .tbody li a, .materiel .body .tbody li a h3 {

    color: #333;

    text-decoration: none;

}





.product ol.type {

    text-align: center;

    height: 32px;

    line-height: 32px;

}

.product ol.type li {

    display: inline-block;

    height: 32px;

    line-height: 32px;

    padding: 0 25px;

}

.product ol.type li.hover {}

.product ol.type li a {

    background: #fff;

    color: #333;

    text-decoration: none;

    font-size: 16px;

    text-align: center;

    display: inline-block;

    padding: 0 20px;

    border-radius: 10px;

    border: 1px solid #eee;

}

.product ol.type li a:hover,

.product ol.type li.hover a {

    background: #991017;

    color: #fff;

}

/**

 * our

 */



.our {

    width: 100%;

    clear: both;

    background: #f5f5f5;

    padding: 40px 0;

    overflow: hidden;

}

.our .head, .our .body {

    width: 1200px;

    text-align: center;

    margin: auto;

}

.our .head {

    padding: 20px 0;

}

.our ul {

    width: 1232px;

}

.our ul li {

    width: 275px;

    height: 120px;

    padding: 32px 32px 0 0;

    float: left;

}

/**

 * footer

 */



#footer {

    background: url(../img/nav.jpg) no-repeat 50% 0;

    clear: both;

}

#footer .nav {

    width: 1200px;

    height: 284px;

    margin: auto;

}

#footer .nav dl {

    width: 200px;

    float: left;

}

#footer .nav dl dt {

    font-weight: bold;

    font-size: 14px;

    height: 28px;

}

#footer .nav dl dd {

    height: 28px;

    line-height: 28px;

}

#footer .nav dl dd a {

    color: #747474;

    text-decoration: none;

}

#footer .nav dl dd a:hover {

    color: #000;

}

#footer .nav .middle {

    width: 330px;

}

#footer .nav .middle form {

    margin-top: 60px;

    display: block;

    height: 42px;

    width: 232px;

    position: relative;

    zoom: 1;

}

#footer .nav .middle input {

    border: 1px solid #949494;

    height: 16px;

    line-height: 16px;

    font-size: 14px;

    padding: 12px;

    background: #fff;

    width: 206px;

}

#footer .nav .middle button {

    position: absolute;

    right: 13px;

    top: 15px;

    border: none;

    padding: 0;

    margin: 0;

    cursor: pointer;

    background: none;

}

#footer .nav .middle button img {

    cursor: pointer;

}

#footer .nav .left, #footer .nav .middle, #footer .nav .right {

    float: left;

    margin-top: 60px;

    color: #3e3e3e;

}

#footer .nav .right h3 {

    border: 1px solid #ccc;

    width: 220px;

    text-align: center;

    height: 40px;

    line-height: 40px;

    font-size: 14px;

    font-weight: bold;

    display: block;

}

#footer .nav .right ul {}

#footer .nav .right ul li {

    float: left;

    padding: 10px;

}

#footer .nav .right ul li img {

    width: 91px;

    height: 91px;

    display: block;

    vertical-align: top;

}

#footer .nav .right ul li span {

    display: block;

    height: 40px;

    line-height: 40px;

    text-align: center;

}

#footer .footer {

    line-height: 1.5;

    font-size: 14px;

    padding: 15px 0;

    text-align: center;

    background: #3e3e3e;

    color: #fff;

}

#footer .footer a {

    color: #fff;

    text-decoration: none;

}

#footer .footer span {

    padding: 0 3px;

}

/**

 * image

 */



.image {

    width: 100%;

    height: 290px;

    clear: both;

}

.image_1 {

    background: url(../img/image_1.jpg) no-repeat 50% 50%;

}

.image_4 {

    background: url(../img/image_4.jpg) no-repeat 50% 50%;

}

.image_10 {

    background: url(../img/image_10.jpg) no-repeat 50% 50%;

}

.image_11 {

    background: url(../img/image_11.jpg) no-repeat 50% 50%;

}

.image_15 {

    background: url(../img/image_15.jpg) no-repeat 50% 50%;

}

.container {

    width: 1200px;

    margin: auto;

    padding: 50px 0;

    clear: both;

    overflow: hidden;

}

.container .left {

    width: 260px;

    float: left;

}

.container .left h3 {

    background: #9a0000;

    color: #fff;

    height: 90px;

    line-height: 90px;

    text-align: center;

    font-size: 30px;

    font-weight: bold;

}

.container .left div {

    background: #f0f0f0;

}

.container .left div ul {

    padding: 18px 0 18px 18px;

    overflow: hidden;

}

.container .left div ul li {

    font-size: 18px;

    height: 50px;

    line-height: 50px;

}

.container .left div ul li a {

    display: block;

    color: #990000;

    text-decoration: none;

    padding-left: 50px;

}

.container .left div ul li a:hover, .container .left div ul li a.hover {

    background: #fff url(../img/arrow.gif) no-repeat 21px 21px;

}

.container .right {

    width: 900px;

    float: right;

}

.container .right .position, .container .product .position, .container .enterprise .position {

    height: 30px;

    line-height: 30px;

    color: #999;

    padding: 12px 0;

    border-bottom: 1px solid #ccc;

    overflow: hidden;

}

.container .right .position h3, .container .product .position h3, .container .enterprise .position h3 {

    float: left;

    font-weight: bold;

    border-left: 10px solid #900;

    height: 30px;

    font-size: 22px;

    padding-left: 15px;

    color: #484848;

}

.container .right .position div, .container .product .position div, .container .enterprise .position div {

    float: right;

    padding-left: 20px;

    background: url(../img/home.gif) no-repeat 0 50%;

    font-size: 13px;

}

.container .right .position a, .container .product .position a, .container .enterprise .position a {

    color: #999;

    text-decoration: none;

}

.container .right .article, .container .product {

    font-size: 16px;

    color: #333;

    padding: 10px;

    line-height: 1.8;

    overflow: hidden;

}

.container .product .album {

    padding: 20px 0;

    overflow: hidden;

}

.container .product .album li {

    width: 290px;

    padding: 10px 5px;

    float: left;

    overflow: hidden;

}

.container .product .album li a {

    display: block;

    text-decoration: none;

    color: #333;

}

.container .product .album li img {

    display: block;

    vertical-align: top;

    width: 290px;

    height: 340px;

    background: #f9f9f9;

}

.container .product .album li strong {

    display: block;

    text-align: center;

    padding-top: 20px;

    font-size: 16px;

    overflow: hidden;

}

.container .enterprise {

    font-size: 16px;

    color: #333;

    padding: 10px;

    line-height: 1.8;

    overflow: hidden;

}

.container .enterprise .album {

    padding: 20px 0;

    overflow: hidden;

}

.container .enterprise .album li {

    width: 390px;

    padding: 10px 5px;

    float: left;

    overflow: hidden;

}

.container .enterprise .album li a {

    display: block;

    text-decoration: none;

    color: #333;

}

.container .enterprise .album li img {

    display: block;

    vertical-align: top;

    width: 390px;

    height: 254px;

    background: #f9f9f9;

}

.container .enterprise .album li strong {

    display: block;

    text-align: center;

    padding-top: 20px;

    font-size: 16px;

    overflow: hidden;

}

.container .product .article .h2 {

    font-size: 24px;

    color: #484848;

    height: 70px;

    line-height: 70px;

    text-align: center;

    border-bottom: 1px dashed #e5e5e5;

}

.container .product .article .addon {

    font-size: 13px;

    color: #484848;

    height: 40px;

    line-height: 40px;

    text-align: center;

    color: #A4A3A3;

    border-bottom: 1px dashed #e5e5e5;

}

.container .product .article .date {

    padding-left: 20px;

    background: url(../img/date.jpg) no-repeat 0 50%;

}

.container .product .article .preview {

    margin-left: 20px;

    padding-left: 20px;

    background: url(../img/preview.jpg) no-repeat 0 50%;

}

.container .product .article p {

    padding: 10px 0 !important;

}

.container .product .article img {

    max-width: 100% !important;

    max-height: 100% !important;

}

.container .right .article .h2 {

    font-size: 24px;

    color: #484848;

    height: 70px;

    line-height: 70px;

    text-align: center;

    border-bottom: 1px dashed #e5e5e5;

}

.container .right .article .addon {

    font-size: 13px;

    color: #484848;

    height: 40px;

    line-height: 40px;

    text-align: center;

    color: #A4A3A3;

    border-bottom: 1px dashed #e5e5e5;

}

.container .right .article .date {

    padding-left: 20px;

    background: url(../img/date.jpg) no-repeat 0 50%;

}

.container .right .article .preview {

    margin-left: 20px;

    padding-left: 20px;

    background: url(../img/preview.jpg) no-repeat 0 50%;

}

.container .right .article p {

    padding: 10px 0 !important;

}

.container .right .article img {

    max-width: 100% !important;

    max-height: 100% !important;

}

.next-prev li {

    float: left;

    width: 50%;

    line-height: 50px;

    height: 50px;

}

.next-prev {

    color: #A4A3A3;

    font-size: 13px;

    border-top: 1px dashed #e5e5e5;

    border-bottom: 1px dashed #e5e5e5;

    overflow: hidden;

}

.next-prev li a {

    color: #A4A3A3;

    text-decoration: none;

}

/**

 * list

 */



.list {

    padding-bottom: 30px;

    overflow: hidden;

}

.list li {

    padding: 35px 0;

    border-bottom: 1px solid #d2d2d2;

    overflow: hidden;

}

.list .img {

    width: 180px;

    height: 110px;

    float: left;

    overflow: hidden;

}

.list .img img {

    width: 180px;

    height: 110px;

}

.list .txt {

    width: 570px;

    padding: 0 30px;

    float: left;

}

.list .txt h2 {

    font-size: 17px;

    font-weight: bold;

    height: 40px;

    line-height: 40px;

}

.list .txt h2 a {

    color: #353535;

    text-decoration: none;

}

.list .txt p {

    color: #999;

    font-size: 13px;

}

.list .time {

    width: 90px;

    height: 110px;

    text-align: center;

    color: #900;

    float: right;

    background: #f5f5f5;

}

.list .time strong {

    margin-top: 20px;

    font-size: 39px;

    height: 40px;

    line-height: 40px;

    display: block;

}

.list .time span {

    font-size: 13px;

    display: block;

    height: 30px;

    line-height: 30px;

}

/**

 * slide

 */



.slideBox0 {

    width: 100%;

    height: 560px;

    margin: auto;

    overflow: hidden;

    position: relative;

}

.slideBox0 .hd {

    width: 100%;

    height: 20px;

    overflow: hidden;

    position: absolute;

    margin: auto;

    bottom: 10px;

    z-index: 1;

}

.slideBox0 .hd ul {

    overflow: hidden;

    zoom: 1;

    margin: auto;

    text-align: center;

}

.slideBox0 .hd ul li {

    width: 20px;

    height: 20px;

    border-radius: 100%;

    text-align: center;

    background: #CC0004;

    cursor: pointer;

    display: inline-block;

}

.slideBox0 .hd ul li.on {

    background: #212121;

    color: #fff;

}

.slideBox0 .bd {

    position: relative;

    height: 100%;

    z-index: 0;

}

.slideBox0 .bd li {

    zoom: 1;

    vertical-align: middle;

}

.slideBox0 .bd li a {

    zoom: 1;

    vertical-align: middle;

    display: block;

    height: 745px;

}

.slideBox0 .bd img {

    width: 100%;

    height: 744px;

    display: block;

}



/**

 * pagination

 */

.pagination {

    width: 100%;

    height: 34px;

    line-height: 34px;

    font-size: 14px;

    overflow: hidden;

    _zoom: 1;

    clear: both;

}

.pagination ul {

    width: 100%;

    text-align: center;

    overflow: hidden;

}

.pagination ul li {

    margin: 0 5px 0 0;

    display: inline;

}

.pagination ul li span {

    background-color: #E5E5E5;

    padding: 6px 12px;

    color: #000;

    text-decoration: none;

    display: inline;

}

.pagination ul li.thisclass {

    font-weight: bold;

    padding: 6px 12px;

    background-color: #ca0000;

    color: #FFF;

}

.pagination ul li a {

    background-color: #DDD;

    padding: 6px 12px;

    color: #000;

    text-decoration: none;

    display: inline;

}

.pagination ul li a:hover {

    color: #FFF;

    background-color: #ca0000;

    text-decoration: none;

}



/**

 * guestbook

 */

.guestbook {

    margin-top: 30px;

    overflow: hidden;

}

.guestbook table {

    border-width: 1px 1px 0 0;

    border-style: solid;

    border-color: #ccc;

}

.guestbook table tr {

    border-width: 0 0 1px 1px;

    border-style: solid;

    border-color: #ccc;

}

.guestbook table tr td {

    padding: 10px;

}

.guestbook table tr td .intxt {

    height: 14px;

    line-height: 14px;

    border: 1px solid #ccc;

    background: #fff;

    width: 358px;

    padding: 5px;

}

.guestbook table tr td .intxta {

    line-height: 14px;

    height: 60px;

    resize: none;

    border: 1px solid #ccc;

    background: #fff;

    width: 358px;

    padding: 5px;

}

.guestbook table tr td .button {

    border: none;

    margin-right: 20px;

    background: #9a0000;

    padding: 10px 30px;

    text-align: center;

    color: #fff;

    cursor: pointer;

}