/* CSS Document */

.banner{ width:100%; height:100%; overflow:hidden; position:relative;font-size:0}
.b-img{ height:100%;  position:absolute; left:0; top:0;width: 100%}
.b-img a{ display:block; height:100%; float:left;}
.b-list{ height:50px; position:absolute; margin:0 auto;z-index:1;left: 0px;right: 0px;bottom: 35px;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #0076c1;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../image/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:415px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../image/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:415px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

.b-img a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    box-sizing: border-box;
}

.b-img a .text {
    z-index: 2;
    position: absolute;
    left: 120px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.b-img a .text h1 {
    font-size: 64px;
    color: #fff;
    font-weight: bold;
    padding-left: 50px;
    position: relative;
}
.b-img a .text .icon:after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 18px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: 2px solid #3a85ca;
    border-radius: 50%;
    box-sizing: border-box;
}
.b-img a .text h4 {
    font-size: 14px;
    margin-top: 0px;
    color: rgba(255, 255, 255, 1);
    padding-left: 50px;
    font-weight: 100;
}

.b-img a .text h3 {
    font-size: 64px;
    color: #fff;
    font-weight: bold;
    padding-left: 50px;
    position: relative;
	font-family: 'OPPOSans-Ver2-bold';
    font-variation-settings: 'wght' 750;
}
.b-img a .text .anis {
    font-size: 24px !important;
    color: #fff;
    font-weight: 100;
    position: relative;
	font-family: 'OPPOSans-Ver2-Regular';
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
	padding-top: 20px;
	padding-bottom: 55px;
	letter-spacing: 0px;
}
.xinqi-texts-pc {display: block;}
.xinqi-texts-wap {display: none;}
@media screen and (max-width: 1024px) {
	.b-img a .text{
		left: 0px;
	}
	.b-img a .text h3{
		font-size:48px;
	}
.b-img a .text .anis {
    font-size: 24px !important;
    color: #fff;
    font-weight: 100;
    position: relative;
	font-family: 'OPPOSans-Ver2-Regular';
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
	padding-top: 10px;
	padding-bottom: 25px;
	letter-spacing: 0px;
}
}

@media screen and (max-width: 760px) {
    .xinqi-texts-pc {display: none;}
.xinqi-texts-wap {display: block;text-align: justify;}
}