﻿@charset "utf-8";

     *{margin:0;padding:0;list-style:none;}
img{border:0;}
.fullSlide{width:100%;position:relative;height:100%;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:100%;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:100%;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}

.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}
@media only screen and (max-width:2560px){

    .fullSlide .hd ul li a img{
    width: 100%;
    height: auto;
    }
}
.top{
    position: absolute;
    top: 0;
    z-index: 9999;
    width: 100%;
    left: 0;
    }

.top .logo{
    float: left;
    margin-left: 3%;
    margin-top: 50px;
}

.top .logo img{
    width: 60%;
}
.top a{
    display: inline-block;
    float: right;
    font-size: 22px;
    margin-right: 100px;
    color: #fff;
    background: url(../image/bg_03.png) no-repeat left center;
    margin-top: 75px;
    width: 200px;
    background-size: 100%;
    height: 60px;
    line-height: 54px;
    text-align: left;
    padding-left: 20px;
    text-decoration: none;
}
.top a:hover{
    color:#0f243a;}
@media only screen and (max-width:1024px){

      .fullSlide .hd ul li a img{
    width:auto;
    height: 100%;
    }
.top .logo{
    float: left;
    margin-left: 0;
    margin-top: 50px;
}
.top .logo img{
    width: 60%;
}
.top a{
    display: inline-block;
    float: right;
    font-size: 22px;
    margin-right: 100px;
    color: #fff;
    background: url(../image/bg_03.png) no-repeat left center;
    margin-top: 75px;
    width: 200px;
    background-size: 100%;
    height: 60px;
    line-height: 54px;
    text-align: left;
    padding-left: 20px;
    text-decoration: none;
}
}
@media only screen and (max-width:800px){
/*.pcbd{
    display: none;
}
.phbd{
    display:block;
}*/
    .fullSlide .hd ul li a img{
    width:auto;
    height: 100%;
    }
.top .logo{
    float: left;
    margin-left: 0;
    margin-top: 50px;
}
.top .logo img{
    width: 60%;
}
.top a{
    display: inline-block;
    float: right;
    font-size: 22px;
    margin-right: 100px;
    color: #fff;
    background: url(../image/bg_03.png) no-repeat left center;
    margin-top: 75px;
    width: 200px;
    background-size: 100%;
    height: 60px;
    line-height: 54px;
    text-align: left;
    padding-left: 20px;
    text-decoration: none;
}
}
@media only screen and (max-width:768px){
 /*   .pcbd{
    display: none;
}
.phbd{
    display:block;
}*/
.fullSlide .hd ul li a img{
    width:auto;
    height: 100%;}

.top .logo{
    /* float: left; */
    margin: 50px 5% auto 5%;
    /* margin-top: 50px; */
    text-align: center;
    width: 90%;
}
.top .logo img{
    width: 42%;
}
.top a{
    display: inline-block;
    float: none;
    font-size: 22px;
    margin-right: 100px;
    color: #fff;
    background: url(../image/bg_03.png) no-repeat left center;
    margin: 90% auto auto  30%;
    width: 200px;
    background-size: 100%;
    height: 60px;
    line-height: 54px;
    text-align: left;
    padding-left: 20px;
    text-decoration: none;
}
}

@media only screen and (max-width:480px){

.fullSlide .hd ul li a img{
    width:auto;
    height: 100%;}

.top .logo{
    /* float: left; */
    margin: 50px 5% auto 5%;
    /* margin-top: 50px; */
    text-align: center;
    width: 90%;
}
.top .logo img{
    width: 42%;
}
.top a{
    display: inline-block;
    float: none;
    font-size: 22px;
    margin-right: 100px;
    color: #fff;
    background: url(../image/bg_03.png) no-repeat left center;
    margin: 90% auto auto  25%;
    width: 200px;
    background-size: 100%;
    height: 60px;
    line-height: 54px;
    text-align: left;
    padding-left: 20px;
    text-decoration: none;
}
}
@media only screen and (max-width:412px){

.fullSlide .hd ul li a img{
    height:100%;
    }

.top .logo{
    /* float: left; */
    margin: 50px 5% auto 5%;
    /* margin-top: 50px; */
    text-align: center;
    width: 90%;
}
.top .logo img{
    width: 42%;
}
.top a{
    display: inline-block;
    float: none;
    font-size: 22px;
    margin-right: 100px;
    color: #fff;
    background: url(../image/bg_03.png) no-repeat left center;
    margin: 90% auto auto  20%;
    width: 200px;
    background-size: 100%;
    height: 60px;
    line-height: 54px;
    text-align: left;
    padding-left: 20px;
    text-decoration: none;
}
}