* { margin: 0; padding: 0; border: 0; text-decoration: none; list-style: none; }
body { font-size: 14px; font-family: 'Segoe UI',Tahoma,Arial,'Microsoft YaHei UI'; background: url(bg.jpg) center #000; }
.wrapper { width: 960px; margin: 0 auto; }

.header { height: 20px; height: 100px; background: url(header.png) no-repeat; }
.menu { width: 650px; height: 55px; float: right; margin: 45px 0 0 50px; }
    .menu li { float: left; margin: 0 10px; }
        .menu li a { color: #fff; }

.banner { height: 240px; margin: 10px 0; }

.one_content { margin-top: -30px; margin-bottom: 20px; float: left; width: 960px; }

.one_left { background: url(prolist.png) no-repeat; width: 170px; height: 300px; float: left; margin-left: -80px; padding-left: 86px; padding-top: 100px; }
.proslist { line-height: 30px; }
    .proslist li { }
    .proslist a { padding-left: 14px; color: #eee; display: block; }
        .proslist a:hover { background: #535353; color: #000; background: #CCC; font-weight: bold; }

.one_center { width: 480px; height: 360px; float: left; margin-top: 40px; padding: 0 10px; }
.one_center_tit { color: #fff; font-size: 16px; border-bottom: 1px solid #666; line-height: 40px; }
.one_center_con { }
    .one_center_con li { margin: 8px 0; overflow: hidden; }
    .one_center_con img { width: 120px; height: 90px; float: left; border: 1px dashed #666; }
    .one_center_con p { color: #eee; width: 320px; float: left; padding: 0 10px; height: 98px; line-height: 30px; overflow: hidden; }

.one_right { width: 260px; height: 350px; float: left; margin-top: 50px; }
.one_right_video { width: 260px; }
.one_right_tit { color: #fff; font-size: 16px; border-bottom: 1px solid #666; line-height: 40px; }
.one_right_con { display: block; overflow: hidden; }
    .one_right_con li { margin: 8px 0; overflow: hidden; height: 20px; line-height: 20px; }
    .one_right_con a { color: #eee; }
        .one_right_con a:hover { color: yellow; }
    .one_right_con span { color: #eee; float: right; }


.two_content { float: left; width: 960px; }
.two_contact { width: 180px; color: #eee; line-height: 30px; padding: 0 10px; float: left; }
.two_contact_tit { color: #fff; font-size: 16px; border-bottom: 1px solid #666; line-height: 40px; }
.two_contact_con { }
    .two_contact_con li { line-height: 30px; }
.two_product { width: 760px; float: left; }
.two_product_tit { color: #fff; font-size: 16px; border-bottom: 1px solid #666; line-height: 40px; }
.two_product_con { color: #eee; line-height: 24px; padding: 10px; }


.footer { margin-top: 40px; line-height: 24px; color: #eee; width: 960px; float: left; }
    .footer a { color: #fff; }
        .footer a:hover { color: yellow; }



.left { width: 220px; float: left; }
    .left h2 { font-size: 14px; height: 36px; line-height: 36px; padding-left: 20px; color: #fff; background: url(left-panel-h2.png) no-repeat; }
.left-panel-prolist { }
    .left-panel-prolist ul { background: #222; overflow: hidden; border-left: 1px solid #333; border-right: 1px solid #333; border-bottom: 1px solid #333; }
    .left-panel-prolist li { line-height: 36px; height: 36px; }
        .left-panel-prolist li a { color: #fff; padding-left: 40px; font-size: 12px; display: block; }
            .left-panel-prolist li a:hover { font-weight: bold; background: #ccc; color: #000; }


.right { width: 720px; margin-left: 20px; float: right; }
.right-panel { width: 720px; float: right; }
.text-content { overflow: hidden; }
.text-content-subtitle { font-size: 14px; line-height: 36px; padding-left: 20px; background: #aaa; border-radius: 5px; }
.text-content-panel { min-height: 200px; line-height: 36px; color: #eee; padding: 15px; overflow: hidden; }
.text-content-title { font-size: 24px; text-align: center; margin: 10px; }



/*首页动画(580*248PX)*/
#focus { width: 960px; height: 240px; overflow: hidden; position: relative; float: left; }
    #focus ul { height: 248px; position: absolute; list-style: none; }
        #focus ul li { float: left; width: 960px; height: 240px; overflow: hidden; position: relative; }
            #focus ul li div { position: absolute; overflow: hidden; }
    #focus .btnBg { position: absolute; width: 960px; height: 20px; left: 0; bottom: 0; }
    #focus .btn { position: absolute; width: 560px; height: 10px; padding: 5px 10px; right: 0; bottom: 0; text-align: right; }
        #focus .btn span { display: inline-block; _display: inline; _zoom: 1; width: 25px; height: 10px; _font-size: 0; margin-left: 5px; cursor: pointer; background: #fff; }
            #focus .btn span.on { background: #fff; }
    #focus .preNext { width: 45px; height: 100px; position: absolute; top: 70px; background: url(sprite.png) no-repeat 0 0; cursor: pointer; }
    #focus .pre { left: 0; }
    #focus .next { right: 0; background-position: right top; }


.artlist { margin-bottom: 10px; }
    .artlist h2 { font-size: 14px; line-height: 36px; padding-left: 20px; background: url(h2bg.png) no-repeat; }
    .artlist ul { min-height: 580px; padding: 5px 0; background: #fff; overflow: hidden; border: 1px solid #ccc; }
    .artlist li { margin: 10px 20px; line-height: 24px; border-bottom: dashed 1px #ccc; overflow: hidden; }
    .artlist a { color: #000; float: left; }
        .artlist a:hover { color: #d00; }
    .artlist b { font-weight: normal; float: right; }

/* 留言 */
.k_error { color: #C01920; display: block; line-height: 14px; font-size: 12px; }
.k_form { display: block; margin: 0px; margin-top: 15px; line-height: 46px; background: #f5f5f5; padding: 10px; border: 1px solid #ccc; }
    .k_form .k_login { display: table; margin-left: 100px; }
    .k_form p { text-align: left; }
        .k_form p label { clear: both; display: block; color: #666; font-size: 12px; }
        .k_form p span label { clear: none; display: inline; color: #666; }
    .k_form div { text-align: left; }
        .k_form div input { padding: 1px; margin: 0px; border: 1px solid; border-color: #EEE #777 #777 #EEE; background: #D4D0C8; font-size: 12px; margin-right: 4px; }
    .k_form ol li { line-height: 24px; }
    .k_form ol { text-align: left; }
.k_table { width: 100%; border: 1px solid; border-color: #CCC #DDD #DDD #CCC; clear: both; text-align: left; }
    .k_table th { border: 1px solid; border-color: #EEE #AAA #BBB #EEE; background: #E6E9ED; padding: 0px 2px; letter-spacing: 2px; color: #14316B; line-height: 20px; }
    .k_table td { border: 1px solid; border-color: #EEE #AAA #AAA #EEE; padding: 1px; line-height: 18px; }
        .k_table td input { margin-right: 10px; }
    .k_table * { font-size: 12px; }
    .k_table tr.hover { background: #E6E9ED; font-weight: bold; }
        .k_table tr.hover a { font-weight: bold; }
.k_in1 { border: 1px solid; border-color: #333 #CCC #CCC #333; font-size: 14px; width: 50px; }
.k_in2 { border: 1px solid; border-color: #333 #CCC #CCC #333; font-size: 14px; width: 100px; }
.k_in3 { border: 1px solid; border-color: #333 #CCC #CCC #333; font-size: 14px; width: 200px; }
.k_in4 { border: 1px solid; border-color: #333 #CCC #CCC #333; font-size: 14px; width: 400px; }
.k_in5 { border: 1px solid; border-color: #333 #CCC #CCC #333; font-size: 14px; width: 600px; }
#fbcontent { border: 1px solid; border-color: #333 #CCC #CCC #333; font-size: 14px; width: 480px; }

/* 分页 */
.k_pagelist { float: left; display: block; clear: both; margin: 10px 0; }
    .k_pagelist em { padding: 2px; border: 1px solid #ccc; font-size: 12px; margin: 0px 1px; background: #fff; color: #14316B; font-weight: bold; font-style: normal; padding: 3px; margin: 2px; }
    .k_pagelist strong { padding: 2px; border: 1px solid #ccc; font-size: 12px; margin: 0px 1px; color: #009900; background: #fff; padding: 3px; margin: 2px; }
    .k_pagelist a { padding: 2px 5px; border: 1px solid #E7E7E7; font-size: 12px; margin: 0px 1px; background: #fff; }


.lastnext-page { color: #eee; }
    .lastnext-page a { color: yellow; }


/*图片列表*/
.piclist { margin-bottom: 10px; }
    .piclist h2 { font-size: 14px; line-height: 36px; padding-left: 20px; background: #aaa; border-radius: 5px; }
.titbg h2 { background: url(titbg.jpg) no-repeat; height: 36px; line-height: 36px; }
.piclist ul { padding: 10px 0; overflow: hidden; }
.piclist li { margin: 4px; width: 350px; height: 130px; float: left; border: 1px solid #333; border-radius: 4px; }
    .piclist li:hover { box-shadow: #fff 0px 0px 5px; }
.piclist a { color: #000; }
.piclist img { width: 160px; height: 120px; margin: 4px; float: left; border: 1px solid #dddddd; border-radius: 4px; }
.piclist b { color: #fff; font-size: 12px; line-height: 20px; float: left; display: block; width: 178px; }
.piclist a:hover b { color: yellow; }
.piclist span { width: 170px; height: 100px; display: block; float: left; color: #fff; }