@charset "utf-8";
/* CSS Document */

/*.cw{ width: 960px; margin: 10px auto 45px; border: 1px solid #979797;box-shadow:0px 0px 5px #000;*/
    /*-moz-box-shadow:0px 0px 5px #000;    -webkit-box-shadow:0px 0px 5px #000;}*/
/*header*/
header{
    width: 100%;
}
@media (min-width: 1024px) {
    header{
        background:url("../images/common/headBg.jpg") left top no-repeat;
        background-size: 100%;
        /*height: 117px;*/
    }

    .headL{ width:169px; padding-top: 18px; margin-left: 26px; padding-bottom: 15px; }
    .headR{ width:412px; padding-top: 18px; }
    .headR a{ display: inline-block; text-decoration: none; color: #878787; font-size: 12px;
        font-family:microsoft yahei;}
    .headR a em{ margin: 0 10px; display:inline-block;
        font-style: normal;
        font-weight: normal;
    }
    .headR span{ display: inline-block; width: 272px; height: 28px; position: relative;}
    .headR span input{ width: 222px;height: 18px; padding: 5px 40px 5px 10px; line-height: 18px;
        background:url("../images/common/search.png") left top no-repeat; border: none; color: #666666;
        font-size: 12px; font-family: microsoft yahei;
        box-sizing: content-box;
    }
    .headR span a.searchA{ display:block; position: absolute; right: 0; top: 0; width: 40px;
        height: 28px; background:none;}
    .nav{}
    .nav li{float: left; border-right: 1px solid #999999;width:16.6666666%;position:relative; height:20PX;}
    .nav li a{ color:#323232; display: block; text-decoration: none; font-size: 1.4em; font-family:microsoft yahei; width:120px; margin:0 auto; height:34px; text-align:center; margin-top:-4px; padding-top:3px;
        padding-left:5px;padding-right:5px;}
    /*.nav li a:hover,.nav li a.cur{ color:#0069b8; background:url("../images/common/navListBg.jpg") left top repeat-x;width: auto;}*/


    .navListNul{ width:340px;}
    .navListNulO{ width:169px;}
    .navListImg{ background-position:left top; background-repeat:no-repeat; min-height:80px; padding-left:125px;}
    .navListN{padding:20px 0 20px 0; background:#fff; position:absolute; left:0; top:26px;box-shadow:0px 5px 5px #ccc;
        -moz-box-shadow:0px 5px 5px #ccc;    -webkit-box-shadow:0px 5px 5px #ccc; border-radius:4px; display:none; z-index:9999;}
    .navListN dl dd{ float:left; margin-right:10px;}
    .navListNulO dl dd{ margin-left:48px;}
    .navListNulO_4 dl dd{ margin-left:28px;}
    .navListNulO_5 dl dd{ margin-left:10px;}
    .navListN dl dd a{ color:#323232; display: block; text-decoration: none; font-size: 14px; font-family:microsoft yahei; background:none; line-height:25px; text-align:left; width:auto;}
    .navListN dl dd a:hover,.navListN dl dd a.cur1{ background:none;color:#0069b8;}

    /*footer*/
    footer {
        background: url("../images/common/footerBg.jpg") left top repeat-x;
        width: 100%;
        height: 173px;
    }

    footer .footer-first {
        padding-top: 15px;
    }

    footer .footer-nav-menu {
        width: 78%;
        float: left;
        padding-top: 50px;
    }

    footer .footer-nav-menu > a {
        display: inline-block;
        color: #676666;
        font-size: 12px;
        font-family: microsoft yahei;
        text-decoration: none;
        padding: 0 36px;
        border-right: 1px solid #999999;
    }

    footer .footer-nav-menu > p {
        color: #919191;
        padding-top: 20px;
        font-size: 12px;
        font-family: microsoft yahei;
        margin-left: 36px;
    }

    .home-footer-top-right {
        color: #fff;
        text-align: center;
        width: 22%;
        float: right;
    }
    .home-footer-top-right > p {
        height: 25px;
        font-size: 12px;
        color: #298ecb;
        font-weight: 800;
        line-height: 25px;
        letter-spacing: 1px;
        margin-bottom: 5px;
    }

    .nav li.index a:hover,.nav li.index a.cur{ color:#0069b8; background:url("../images/common/navListBg.jpg") left top repeat-x;width: auto;}
    .nav li.products a:hover,.nav li.products a.cur{color:#ffffff; background:#0067b9 left top repeat-x;width: auto;}
    .nav li.scenarios a:hover,.nav li.scenarios a.cur{ color:#ffffff; background:#0067b9 left top repeat-x;width: auto;}
    .nav li.support a:hover,.nav li.support a.cur{ color:#ffffff; background:#0067b9 left top repeat-x;width: auto;}
    .nav li.news a:hover,.nav li.news a.cur{ color:#ffffff; background:#0067b9 left top repeat-x;width: auto;}
    .nav li.about a:hover,.nav li.about a.cur{ color:#ffffff; background:#0067b9 left top repeat-x;width: auto;}
}