/********头部样式表**********/

.top{

    width: 100%;

    height: 34px;

    background: url("../../images/index_bg.png") repeat-x;

}

.toptext{

    line-height: 34px;

    text-indent: 15px;

}

.logo{

    width: 100%;

    height: 107px;

}

.logoleft{

    width: 500px;

    height: 107px;

}

.logoleft img{

    width: 100%;

    height: 107px;

}

.logoright{

    width: 312px;

    height: 107px;

}

.dianhua{

    font-size: 52px;

    line-height: 107px;

    margin-right: 15px;

}

.phone{

    line-height: 107px;

    font-size: 26px;

    color:#ff0000;

}

.nav{

    width: 100%;

    height: 57px;

    background: url("../../images/index_nav.png") repeat;

}

.nav-list>li{

    float: left;

    position: relative;

}

.nav-list>li>a{

    padding: 0 45px;

    line-height: 57px;

    display: block;

    color: #ffffff;

}



.nav a:hover{

    background: #ff6f02;

}

.banner,.banner img{

    height: 405px;

    width: 100%;

}

.banner{

    position: relative;

}

.banner img{

    position: absolute;

    left: 0;

    top: 0;

}

@media screen and (min-width: 1900px) {

    .banner,.banner img{

        height: 451px;

    }

}

@media screen and (min-width: 1760px) {

    .banner,.banner img{

        height: 276px;

    }

}

@media screen and (min-width: 1600px) {

    .banner,.banner img{

        height: 428px;

    }

}

@media screen and (min-width: 1440px) {

    .banner,.banner img{

        height: 405px;

    }

}

.foot{

    width: 100%;

    height:209px;

    background: url("../../images/index_foot.png") no-repeat;

    background-size: cover;

}

.foot-nav{

    width: 919px;

    height: 65px;

    margin-left: 94px;

    border-bottom: 1px solid #2273b2;

    text-align: center;

    color: #fff;

}

.foot-nav>a{

    display: inline-block;

    line-height: 65px;

    color: #fff;

    text-align: center;

    padding: 0 15px;

}

.foot p{

    text-align: center;

    color: #fff;

    line-height: 25px;

}