﻿body, div, p, h1, h2, h3, h3, h4, h5, h6, ul, li
{
    margin: 0;
    padding: 0;
}
body
{
    font-family: 'Arial' , '宋体';
    font-size: 12px;
}
img
{
    border: none;
}
ul
{
    list-style-type: none;
}
.clearFix:after
{
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    content: ".";
}
.clear
{
    clear: both;
    border: none;
    margin: 0;
    padding: 0;
}


#head
{
    height: 130px;
    background: url(../images/head_bg_repeat.jpg) repeat-x left top;
}
.head_center
{
    width: 1120px;
    margin: 0 auto;
}
#head .head_center .logo
{
    width: 1050px;
    height: 130px;
    position: relative;
    background: url(../images/head_center.jpg) no-repeat left top;
}
.logo .nav
{
    position: absolute;
    left:300px;
    top:74px;
}
.logo .nav ul{width:748px;height:56px;overflow:hidden;}
.logo .nav ul li{float:left;height:56px;width:90px;text-align:center;font-size:13px;}
.logo .nav ul li a{color:White;display:block;height:56px;line-height:26px;text-decoration:none;font-weight:bold;}
.logo .nav ul li a:hover{background:url(../images/nva_hover.jpg) repeat-x left top;}
.logo .nav ul li a span{color:#ECD27E;font-size:12px;}
.logo .set{position:absolute;right:20px;top:15px;}
.logo .set a{color:#ECD27E;text-decoration:none;}
#flash_bg
{
    height: 403px;
    background: url(../images/flash_bg.jpg) repeat-x left top;
}
#content
{
    width: 970px;
    margin: 0 auto;
    margin-top: 21px;
}
#content .left, #content .right
{
    float: left;
    display: inline;
}
#content .left
{
    width: 347px;
}
#content .left .title, #content .right .title
{
    width: 347px;
    height: 24px;
    background: url(../images/title_mark.jpg) no-repeat left top;
    text-indent: 1.5em;
    font-size: 15px;
    color: #B99546;
    font-weight: bold;
}
#content .left .title span, #content .right .title span
{
    font-size: 14px;
    color: Gray;
}
#content .left .bottom
{
    width: 347px;
    height: 1px;
    margin-top: 6px;
}
#content .left .bottom .bg_left, #content .left .bottom .bg_right, #content .right .bottom .bg_left, #content .right .bottom .bg_right, #content .bottom_bg .bg_left, #content .bottom_bg .bg_right
{
    width: 9px;
    height: 1px;
    background: url(../images/bottom_bg_left.jpg) no-repeat left top;
    float: left;
}
#content .left .bottom .bg_center, #content .right .bottom .bg_center, .bottom_bg .bg_center
{
    width: 329px;
    height: 1px;
    background: url(../images/bottom_bg_repeat.jpg) repeat-x left top;
    float: left;
}
#content .left .AboutUs
{
    width: 347px;
    margin-top: 8px;
}
.AboutUs img
{
    vertical-align: middle;
    float: left;
    border: 1px solid #D9D9D9;
    padding: 2px;
    margin: 2px 8px 2px 0;
}
.AboutUs p
{
    text-indent: 2em;
    line-height: 1.5em;
    font-size: 12px;
    
    color: #4A4A4A;
}
.AboutUs p a
{
    color: #AF871D;
    text-decoration: none;
}
.AboutUs p a:hover
{
    color: Red;
    text-decoration: underline;
}

.txt
{
   color:Black;
   font-size:13px;
   line-height: 1.5em;
   
}
#content .right
{
    width: 582px;
    margin-left: 41px;
}
#content .right .title
{
    width: 582px;
}
#content .right .title .more
{
    float: right;
    width: 38px;
    height: 16px;
    background: url(../images/more.jpg) no-repeat left top;
}
#content .right .title .more a
{
    display: block;
    width: 38px;
    height: 16px;
}
#content .right .bottom
{
    height: 1px;
    margin-top: 6px;
}
#content .right .bottom .bg_center
{
    width: 564px;
}

.right .content .demopage
{
    float: left;
    width: 257px;
    height: 220px;
}
.right .content .demopage img
{
    vertical-align: middle;
    border: 2px solid #E5C284;
    padding: 0;
    margin-top: 8px;
}
.right .content .news_list
{
    width: 315px;
    float: left;
    margin-left: 5px;
}
.right .content .news_list ul
{
    width: 100%;
}
.right .content .news_list ul li
{
    display: block;
    line-height: 2em;
    text-indent: 1em;
    background: url(../images/li_mark.jpg) no-repeat left center;
}
.right .content .news_list ul li span
{
    float: right;
    height:1em;
}
.right .content .news_list ul li a
{
    color: #4A4A4A;
    text-decoration: none;
}
.right .content .news_list ul li a:hover
{
    color: red;
    text-decoration: underline;
}

#content .bottom_bg
{
    width: 970px;
    height: 1px;
    margin: 20px 0 10px;
}
#content .bottom_bg .bg_center
{
    width: 952px;
}

.friendLink
{
    width: 970px;
    margin: 0 auto;
    height: 30px;
    line-height: 30px;
}
.friendLink .title
{
    width: 90px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    color: #B99546;
    font-weight: bold;
    float: left;
}
.friendLink .links
{
    width: 880px;
    float: left;
}
.friendLink .links ul
{
    width: 880px;
    overflow: hidden;
}
.friendLink .links ul li
{
    display: block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: left;
}
.friendLink .links ul li a
{
    color: #4A4A4A;
    text-decoration: none;
}
.friendLink .links ul li a:hover
{
    color: red;
    text-decoration: underline;
}


#copy
{
    height: 38px;
    background: url(../images/copy_bg.jpg) repeat-x top left;
    margin-top: 8px;
    text-align:center;
}
#copy .content
{
    width: 980px;
    margin: 0 auto;
    height: 35px;
    line-height: 18px;
    color: #908E8E;
}
#copy .content span.right
{
    float:none;
}


.focusbox
        {
            width: 980px;
            height: 403px;
            margin: 0 auto;
            position: relative;
            overflow: hidden;
            zoom: 1;
        }
        #fullbanner
        {
            width: 980px;
            height: 402px;
            margin: 1px auto 0;
            position: relative;
        }
        #fullbanner li a
        {
            display: block;
            width: 980px;
            height: 402px;
        }
        #fullbanner img
        {
            width: 980px;
            height: 402px;
        }
        #fullbanner ul
        {
            width: 980px;
            height: 402px;
        }
        #fullbanner .wrappic
        {
            position: absolute;
        }
        #fullbanner .next, #fullbanner .prev
        {
            filter: alpha(Opacity=70);
            opacity: .7;
            position: absolute;
            top: 50%;
            margin-top: -25px;
            margin-left: 5px;
            background-color: #303030;
            z-index: 3;
        }
        #fullbanner .next:hover, #fullbanner .prev:hover
        {
            background-color: orangered;
        }
        #fullbanner .next
        {
            margin: -25px 5px 0 0;
            right: 0;
        }
        #fullbanner .mask-left, #fullbanner .mask-right, #fullbanner .plan
        {
            background: #fff;
            z-index: 1;
            position: absolute;
            top: 0;
            left: 0;
            width: 980px;
            height: 402px;
            overflow: hidden;
            left: 1960px;
        }
        #fullbanner .mask-right, #fullbanner .mask-left
        {
            z-index: 4;
            left: -980px;
            filter: alpha(Opacity=50);
            opacity: .5;
            background: #fff;
            overflow: hidden;
        }
        #fullbanner .mask-right
        {
            left: 980px;
        }
        
        .arrow-left, .arrow-right
        {
            background: url(../images/icon-sd26986d847.png) no-repeat;
        }
        .arrow-left
        {
            background-position: 15px 12px;
            height: 50px;
            width: 50px;
        }
        .arrow-left:hover
        {
            background-position: -45px 12px;
        }
        .arrow-right
        {
            background-position: -103px 12px;
            height: 50px;
            width: 50px;
        }
        .arrow-right:hover
        {
            background-position: -163px 12px;
        }
        
        .marqueebox
        {
            position: relative;
            width: 257px;
            height: 220px;
        }
        #marquee3
        {
            width: 257px;
            height: 220px;
            overflow: hidden;
        }
        #marquee3 ul li
        {
            width: 257px;
            height: 220px;
            float: left;
        }
        #mar3Nav
        {
            position: absolute;
            right: 10px;
            bottom: 10px;
        }
        #mar3Nav li
        {
            float: left;
            margin: 0 3px;
            width: 16px;
            height: 16px;
            background: #333;
            cursor: pointer;
            line-height: 16px;
            font-family: Arial;
            font-size: 10px;
            color: #FFF;
            text-align: center;
        }
        #mar3Nav li.navOn
        {
            background: #FF6600;
        }

