@charset "utf-8";

/**CSS Document**/

::selection {



    background-color: #006bd3;

     color: #FFF;

}



::-moz-selection {



    background-color: #006bd3;



    color: #FFF;

}



::-webkit-selection {



    background-color: #006bd3;

    color: #FFF;

}

/*top_A*/

#top-A{

    width:940px;

    overflow: hidden;

    background:url(../images/xian2.jpg) no-repeat center bottom;

    }



.top{

    width:1180px;

    height:36px;

    margin:auto;

    }

.top-left{

    width: 380px;

    height: 36px;

    float: left;

    line-height: 36px;

    color: #999999;

    font-size: 12px;

    margin-left: 194px;

}

.top-left span{

    font-weight:bold;

    }

.top-right{

    height: 36px;

    float: right;

    margin-right:17px;

}

.top-right ul li{

    float: left;

    line-height:36px;

    padding:0px 0px 0px 10px;

}

.top-right ul li a{

    color: #999999;

     font-size:12px;

    }

.top-right ul li a:hover{

    color:#006bd3;

}

.top-right ul li span{

    padding:0px 3px 0px 0px;

}

.top-right ul li img{

    width:18px;

     height:18px;

     display:block;

     padding:9px 0px 0px 0px;

     float:left;

    }



/**top_bgk**/

.top-bgk{

        height: 168px;

}

.top-nr{

    width:1180px;

    margin:auto;

}

.top-dd{

    position: relative;

    z-index: 444;

    height: 168px;

width:1180px;

margin:0 auto;

}

.logo{

    float: left;

    display: inline;

    position: absolute;

    top: 0;

    left: 0;

}



.biaoyu{

    width: 428px;

    float: left;

    margin: 50px 0px 0px 20px;

    display: inline;

    font-size: 22px;

    color: #333333;

    height: 57px;

    margin-top: 42px;

    line-height: 36px;

    margin-left: 194px;

}

.biaoyu .by1{

    color: #006bd3;

    font-size: 20px;

    display: block;

    font-weight: bold;

    margin-top: 5px;

}

.biaoyu .by2{

    color: #333333;

    font-size: 20px;

    display: block;

    line-height: 24px;



}



.biaoyu p span{

    color: #4c4c4c;

    font-size: 20px;

    display: block;

}

.iphone{

    float: right;

    display: inline;

    padding-left: 60px;

    height: 65px;

    text-align: left;

    margin-top: 36px;

    background: url(../images/dh.jpg) no-repeat left center;

}

.iphone span{

    color: #666666;

    display: block;

    line-height: 20px;

    margin-top: 12px;

}

.iphone p{

    color: #006bd3;

    font-size: 26px;

    font-weight: bold;

}



/**nav**/

.nav{
    width: 100%;
    height: 50px;
    background:url(../images/bg1.jpg) no-repeat center;
}

.nav .nav_box{
    width: 1180px;
    margin: 0 auto;
}
.nav_all{
    position:relative;
    height:50px;
}
.nav_all li{
    float:left;
    width: 131px;
    height:50px;
    line-height: 50px;
    text-align:center;
    font-size:14px;
}
.nav_all li a{
    display:block;
    color:#fff;
    font-size:14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 50px;
    line-height: 50px;
}
.nav_all > li:hover{
    background:#333;

 }

.nav_all .another{
    background: #333;
}
.nav_box .erji_xiala{
    z-index:20;
    height:0px;
    visibility: hidden;
    opacity:0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    position:absolute;
    top:50px;
    left:230px;
    width: calc(196px * 5);
    background:rgba(0, 107, 211,0.85);
}  /*一个分类 *1 一个分类 *2  六个分类100%  left:修改到合适位置; */

.nav_box ul li:hover .erji_xiala{
    height:auto;
    visibility: visible;
    opacity: 1;
}

.nav_box .erji_xiala .daohang_xiala{
    float:left;
    width: 156px;
    padding: 0 20px 5px 20px;
}
.nav_box .erji_xiala .daohang_xiala i{
    font-size: 15px;
    border-bottom:1px solid rgba(255,255,255,0.35);
    display: block;
}
.nav_box .erji_xiala .daohang_xiala span{
    border-bottom:1px dashed rgba(255,255,255,0.35);
    display: block;
    text-align: left;
}
.nav_box .erji_xiala .daohang_xiala a {
    height: 40px;
    line-height: 40px;
    display: block;
    color:#FFF;
    font-size:14px;
}
.nav_box .erji_xiala .daohang_xiala i a{
    font-size:15px;
    text-align: left;
    background:url(../images/liqsub_ss.png) 0px no-repeat;
    padding-left: 13px;
}
.nav_box .erji_xiala .daohang_xiala i a:hover{
    background:url(../images/liqsub_ss.png) 145px no-repeat;
    padding-left: 0px;
}
.nav_box .erji_xiala a:hover{
    color:#FFF;
    padding-left: 15px;
}

.nav_box .erji_xiala1{
    position:absolute;
    top:50px;
    z-index:20;
    background:rgba(0, 107, 211,0.85);
    width: 131px;  /*和一级栏目一样宽度*/
    height:0px;
    visibility: hidden;
    opacity:0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.nav_box ul li:hover .erji_xiala1{
    height:auto;
    visibility: visible;
    opacity: 1;
}

.nav_box .erji_xiala1 .daohang_xiala{
    padding: 0 0 5px 0;
}
.nav_box .erji_xiala1 .daohang_xiala i{
    font-size: 15px;
    border-bottom:1px solid rgba(255,255,255,0.35);
    display: block;
}
.nav_box .erji_xiala1 .daohang_xiala a{
    height: 40px;
    line-height: 40px;
    font-size:14px;
    display: block;
    color:#FFF;
}
.nav_box .erji_xiala1 a:hover{
    color:#FFF;
    padding-left: 15px;
}

.fixedNav{background:url(../images/bg1.jpg) no-repeat center;opacity: 0.6s; position:fixed; top:0px; left:0px; width:100%; z-index:100000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}







/**link开始**/



/**link结束**/

/* footer */

.footer{

    background: #006bd3;

    margin-top: 30px;

    padding:40px 0;



}

.fo-con{

    width: 1180px;

    margin:0 auto;

    color: #fff;
    font-size: 14px;
    line-height: 28px;


}

.fo-cen>h2{

    font-size: 14px;

}

.fo-con a{

    color: #fff;

}

.fo-z{

    width: 340px;

    float: left;

}

.fo-cen{

    width: 370px;

    float: left;

    margin-left: 76px;

}

.fo-y{

    float: right;

    width: 370px;
    font-size: 14px;
    line-height: 28px;

}

.fo-z>i{

    display: block;

    color: #fff;

    font-size: 14px;

}

.fo-z>b{

    display: block;

    width: 20px;

    background:#fff;

    height: 3px;

    margin-bottom: 6px;

}

.fo-z>p{

    font-size: 24px;

    font-weight: bold;

}

/* footer  end */







