@charset "utf-8";

.nxby1 {
    width: 2.4rem;
    height: 1rem;
    font-size: .5rem;
    text-align: center;
    margin: 0 auto;
    margin-top: 1rem;
    line-height: .5rem;
}
a{
	color: #fff;
}
.nxby {
    width: 10.8rem;
    margin: 0 auto
}

.nxby1 p {
    font-weight: bold;
    color: #4c4c4c;
}

.nxby1 p span {
    font-size: .2596rem;
    font-weight: normal;
    color: #666666
}

.nxby2 p {
    font-size: .16rem;
    margin: .68rem;
    line-height: .3rem;
}

.nxby_1 {
    width: 10.80rem;
    margin: 0 auto;
}

.nxby_2 {
    margin-top: .3rem;
}

.nxby_2 li {
    width: 2.55rem;
    height: 1.7rem;
    font-size: .3067rem;
    text-align: center;
    line-height: 1.7rem;
    background-color: #02a7f0;
    color: #fff;
    margin-top: .2rem;
}
.nxby_2 li:hover{
	opacity: 0.8;
}


.nxby01 {
    width: 10.8rem;
    margin: 0 auto
}

.nxby01_1 {
    width: 3rem;
    height: 1rem;
    font-size: .5rem;
    text-align: center;
    margin: 0 auto;
    margin-top: 1rem;
    line-height: .5rem;
}

.nxby01_1 p {
    font-weight: bold;
    color: #4c4c4c;
}

.nxby01_1 p span {
    font-size: .2596rem;
    font-weight: normal;
    color: #666666
}

.nxby01_2 {
    width: 9.37rem;
    margin: 0 auto;
    margin-top: .8rem;
    position: relative;
}

.nxby02_2 {
    width: 10.8rem;
    height: 6.7rem;
    margin: 0 auto;
    position: relative;
    margin-top: .5rem;
}

.nxby02_2 .hd {
    width: 3.1rem;
    margin: 0 auto;
    margin-top: .4rem
    
}

.nxby02_2 .hd ul li {
    width: 1.31rem;
    height: 1.31rem;
    border: 3px solid #a3a3a3;
    border-radius: 50%;
}
.nxby02_2 .hd .on{
	 border-color: #02a7f0
}

.prev,
.next {
    position: absolute;
    left: 3%;
    top: 90%;
    margin-top: -25px;
    display: block;
    width: 28px;
    height: 66px;
    background: url(slider-arrow.png) -110px 5px no-repeat;
    filter: alpha(opacity=50);
    /* opacity: 0.5; */
}

.next {
    left: auto;
    right: 3%;
    background-position: 8px 5px;
}

.prev:hover,
.next:hover {
    filter: alpha(opacity=100);
    opacity: .5;
}

.prevStop {
    display: none;
}

.nextStop {
    display: none;
}
.nxby03_1{
	width: 5.3rem;
	margin: 0 auto;
	font-size: .5rem;
	color:#fff;
	padding-top: .75rem;
	text-align: center;
	line-height: .4rem;
}
.nxby03{
	width: 100%;
	height: 6.8rem;
	background-color: #02a7f0;
	margin-top: 1.2rem;
	padding-bottom: .2rem;
}
.nxby03_1 p span{
	font-size: .2rem;
}
.nxby03_3{
	width: 2.55rem;
	height: 4.17rem;
	background-color: #fff;
	border-radius: 10px
}
.nxby03_2{
	width: 10.80rem;
	margin: 0 auto;
	margin-top: .45rem;
}

.nxby03_3 img{
	width: 2.3rem;
	margin: 0 auto;
	margin-top: .1rem;
}
.nxby01_2 a {
    width: 355px;
    height: 355px;
    display: block;
    position: absolute;
    top: 65px;
    left: 282px;
    opacity: .0;
    background-color: #fff;
    border-radius: 50%;
}
.nxby03_3 p{
	width: 2.1rem;
	margin: 0 auto;
	font-size: .16rem;
	color: #333333;
	margin-top: .2rem;
	line-height: .29rem;
}
.nxby01_2 a:hover {
    opacity: .5;
}