/** 清除内外边距 **/

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,

/* structural elements 结构元素 */

dl,
dt,
dd,
ul,
ol,
li,

/* list elements 列表元素 */

pre,

/* text formatting elements 文本格式元素 */

form,
fieldset,
legend,
button,
input,
textarea,

/* form elements 表单元素 */

th,
td
/* table elements 表格元素 */

{
    margin: 0;
    padding: 0;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

address,
cite,
dfn,
em,
var,
i {
    font-style: normal;
}


/* 将斜体扶正 */

code,
kbd,
pre,
samp {
    font-family: courier new, courier, monospace;
}


/* 统一等宽字体 */

small {
    font-size: 12px;
}


/* 小于 12px 的中文很难阅读, 让 small 正常化 */


/** 重置列表元素 **/

ul,
ol {
    list-style: none;
}


/** 重置文本格式元素 **/


sup {
    vertical-align: text-top;
}


/* 重置, 减少对行高的影响 */

sub {
    vertical-align: text-bottom;
}


/** 重置表单元素 **/

legend {
    color: #000;
}


/* for ie6 */

fieldset,
img {
    border: 0;
}


/* img 搭车：让链接里的 img 无边框 */

button,
input,
select,
textarea {
    font-size: 100%;
    outline: none;
}


/* 使得表单元素在 ie 下能继承字体大小 */

button,
input[type="button"] {
    cursor: pointer;
    -webkit-appearance: none;
}

input::-ms-clear {
    display: none;
}


/*隐藏文本框叉子*/

input::-ms-reveal {
    display: none;
}


/*隐藏密码框小眼睛*/


/* 注：optgroup 无法扶正 */


/** 重置表格元素 **/

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* 重置 HTML5 元素 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    display: block;
    margin: 0;
    padding: 0;
}

img {
    vertical-align: top;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

html {
    font-size: 100px;
}

body {
    color: #333;
    overflow-x: hidden;
    background-color: #fff;
}

.clear_both::after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.swiper-button-prev,
.swiper-button-next {
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    color: #999;
    background: none;
    font-size: 1.2rem;
    outline: none;
	
	display: flex;
	align-items: center;
	justify-content:center;
	border-radius: 0.25rem;
	border: 2px solid rgba(0, 0, 0, 0.00);
	background: var(---Gray-6, #F2F2F2);
}

.swiper-button-prev {
    left: 0;
}

.swiper-button-next {
    right: 0;
}

.swiper-button-prev::after {
    font-family: "iconfont" !important;
    content: "\e8f4";
}

.swiper-button-next::after {
    font-family: "iconfont" !important;
    content: "\e8f5";
}



.more_a {
    display: block;
    width: 1.38rem;
    height: 0.38rem;
    box-sizing: border-box;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    line-height: 0.36rem;
    transition: all 0.5s ease;
}

.more_a::after {
    font-family: "iconfont" !important;
    content: "\e8f5";
    font-size: 0.16rem;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.1rem;
}

.moreb_a {
    border: 1px solid #186cc3;
    color: #186cc3;
}

.welcome_box {
    position: relative;
    z-index: 3;
}



@keyframes dh1 {
    0% {
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

.welcome_box .div6 {
    width: 100%;
	float:left;
	position:relative;
}

.welcome_box .div6 .h5s {
    text-align: center;
    margin-bottom: 0.4rem;
}

.welcome_box .div6 .h5s::after {
    margin: 0.16rem auto 0;
}

.welcome_box .div6 .gallery-thumbs {
    width: 25%;
	position:absolute;
	left:44%;
	bottom:2rem;
	z-index:4;
}

.welcome_box .div6 .gallery-thumbs .swiper-slide {
    cursor: pointer;
	background: var(--30, rgba(255, 255, 255, 0.30));
	margin-left:0.2rem;
	margin-right:0.2rem;
	height:0.20rem;
}

.welcome_box .div6 .gallery-thumbs .swiper-slide span {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 0.1rem;
    border-bottom: 2px solid #fff;
    transition: all 0.5s ease;
}

.welcome_box .div6 .gallery-thumbs .swiper-slide-thumb-active{
    background: var(---white, #FFF);
}

.welcome_box .div6 .gallery-top {
    height: 26.25rem;
    padding: 0 30%;
}

.welcome_box .div6 .gallery-top::before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.welcome_box .div6 .gallery-top::after {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    width: 30.5%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}


.welcome_box .div6 .gallery-top .swiper-slide {
    box-sizing: border-box;
    padding: 0 0.1rem;
    color: #fff;
}
.welcome_box .div6 .gallery-top .swiper-slide .wenben{
	width:100%;
	position:absolute;
	display: flex;
	justify-content: center;
	left:0;
	top:-5rem;
	z-index:1;
	display:flex;
	justify-content: center;
	color: var(---white, #FFF);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 1.3125rem */
	opacity:0;
	text-align:center;

}
.welcome_box .div6 .gallery-top .swiper-slide .wenben div{
	width:100%;
}

.welcome_box .div6 .gallery-top .swiper-slide.swiper-slide-active .wenben{
	opacity:1;
}


.welcome_box .div6 .gallery-top .swiper-slide dl {
    width: 100%;
    height: 100%;
    position: relative;
}

.welcome_box .div6 .gallery-top .swiper-slide dl::before {
    content: "";
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../img/bj1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.welcome_box .div6 .gallery-top .swiper-slide dt {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.welcome_box .div6 .gallery-top .swiper-slide dt em {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
}

.welcome_box .div6 .gallery-top .swiper-slide i {
    position: absolute;
    font-size: 0.3rem;
    top: 0.32rem;
    left: 0.32rem;
}



.welcome_box .div6 .gallery-top .swiper-slide h6 {
    font-size: 0.36rem;
}

.welcome_box .div6 .gallery-top .swiper-slide p {
    font-size: 0.16rem;
    line-height: 1.8;
    opacity: 0.7;
    margin: 0.24rem 0;
}

.welcome_box .div6 .swiper-button-prev {
    left: 27%;
}

.welcome_box .div6 .swiper-button-next {
    right: 27%;
}










@media (max-width: 1200px) {
 
   
}

@media (max-width: 720px) {
.welcome_box{
	overflow:hidden;
}
.welcome_box .div6 .gallery-top .swiper-slide .wenben{
	top:1.5rem;
}
.welcome_box .div6 .gallery-top .swiper-slide .wenben div{
	width:80%;
}
.welcome_box .div6 .gallery-thumbs{
	left:39%;
}






}