@charset "utf-8";
.flex_rb {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.flex_ra {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;}
.flex_rc {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;}
.flex_cc {display:flex;flex-direction:column;justify-content:center;align-items:center;}

.img-cover{width:100%;height:100%;overflow: hidden;}
.img-cover img{width:100%;height:100%;object-fit: cover;-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.img-cover:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}


/* 展开导行 */
.sidebar-wrapper {position:relative;height:100%;overflow:auto;display:none;}
#dowebok {background-color:rgba(0,0,0,.6);}
#dowebok .nav {margin-top:.8rem;list-style-type:none;color:#fff;}
#dowebok .nav li {display:block;line-height:.8rem;font-size:.22rem;position:relative;}
#dowebok .nav li a {display:block;padding:0 .2rem;height:100%;border-bottom:1px solid #666;}
#dowebok .nav a:hover {background-color:#000;}
#dowebok .nav li .n2btn {width:.4rem;height:.55rem;display:inline-block;position:absolute;right:.1rem;top:.1rem;color:#fff;background:url(../images/more.svg) no-repeat left center;background-size:auto 25px;z-index:10;}
#dowebok .nav li .nav2 {display:none;}
#dowebok .nav li .nav2 li {font-size:.2rem;}
#dowebok .nav li .nav2 li a {padding-left:.5rem;}
[data-simplersidebar='active'] {box-shadow:3px 0px 3px 0px rgba(0,0,0,0.5);}




.hdProp {
	height: .9rem;
}

.header {
	width: 100%;
	padding: .23rem 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background: #fff;
}

.header .item {
	max-width: 5.6rem;
	display: flex;
	align-items: center;
	margin: 0 auto;
}

.header h1 {
	width: 6rem;
	height: .6rem;
	background: url(../images/logo.png) no-repeat left center/contain;
}

.header h1 a {
	text-indent: -9999px;
	width: 100%;
	height: 100%;
	display: inline-block;
}

.header .search {
	width: .35rem;
	height: .35rem;
	margin-left: auto;
	background-image: url(../images/search.png);
} 

.header .version {
	color: #000;
	font-size: .25rem;
	text-transform: uppercase;
	display: block;
	margin-left: .26rem;
}

.header .menu {
	width: .5rem;
	height: .29rem;
	margin-left: .29rem;
	background-image: url(../images/menu.png);
}

.header .menu.active {
	background-position: center;
	background-image: url(../images/close.png);
}

.header .form_box {
	width: 100%;
	position: absolute;
	top: .9rem;
	left: 0;
	text-align: center;
	background: rgba(0, 0, 0, .4);
	display: none;
	z-index: 122;
}

.header .form_box form {
	display: inline-block;
	position: relative;
	margin: .25rem 0;
	border-radius: 4px;
	overflow: hidden;
	box-sizing: border-box;
	width: 90%;
	max-width: 6.5rem;
}

.header .form_box form input.text {
	width: 6.5rem;
	height: .5rem;
	line-height: .5rem;
	border-bottom: 1px solid #ccc;
	background: none;
	font-size: .18rem;
	color: #666;
	outline: none;
	border: none;
	background: #fff;
	padding-left: .15rem;
	box-sizing: border-box;
}

.header .form_box form input.submit {
	width: .3rem;
	height: .3rem;
	margin-right: .15rem;
	background: none;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/search.png);
	background-size: contain;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}




.mb-nav{
	width: 100%;
	height: 100vh;
	padding-top: .5rem;
	position: fixed;
	top: .9rem;
	left: -100%;
	z-index: 999;
	transition: all ease-in-out .5s;
	background: #f8f8f8;
}

.mb-nav.active{
	left: 0;
}

.mb-nav ul li{
	color: #009afe;
	font-size: .22rem;
	margin: 0 .15rem;
	position: relative;
	/* border-bottom: 1px so
	lid #fff; */
}

/* .mb-nav ul li:not(:last-child){
	border-bottom: 1px solid #fff;
} */

.mb-nav ul .line {
	position: relative;
	border-bottom: 1px solid #009afe;
}

.mb-nav ul li a {
	line-height: .75rem;
	width: auto;
	height: .75rem;
	display: inline-block;
}

.mb-nav ul li .icon {
	width: .18rem;
	height: .02rem;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	z-index: 10;
	transition: all ease-in-out .4s;
	background: #009afe;
}

.mb-nav ul li .icon::after {
	content: '';
	width: .02rem;
	height: .18rem;
	margin-top: -.09rem;
	margin-left: -.01rem;
	transform: rotate(-90deg);
	transition: all ease-in-out .3s;
	background: #009afe;
}

.mb-nav ul li .icon.active::after {
    transform: rotate(-180deg);
}

.mb-nav ul li>.nav2 {
	display: none;
}

.mb-nav ul li>.nav2>li {
	font-size: .2rem;
	margin: 0 .15rem;
	/* border-bottom: 1px solid #fff; */
}

.mb-nav ul li>.nav2>li>a {
	line-height: .75rem;
	height: .75rem;
}

.mb-nav ul li a{
	height: 100%;
	display: inline-block;
}




.chain {
    padding: 0.1rem 0;
    border-bottom: .02rem solid #95e522;
    background: #e7f5ff;
}

.chain .kp-icon {
    width: 1.12rem;
    height: .57rem;
	margin: 0 auto .4rem;
}

.chain .kp-icon img {
    width: 100%;
    height: 100%;
}

.chain .intro {
    color: #444;
    font-size: .18rem;
    line-height: .3rem;
}

.chain .intro span {
    font-weight: bold;
}

.chain .intro a {
    color: var(--theme-color);
}

.chain .intro a:hover {
    color: var(--theme-touch-color);
}




.footer {
	padding: .6rem 0;
	background: #f8f8f8;
}

.footer .logo {
	width: 6rem;
	height: 0.65rem;
	margin: 0 auto .2rem;
	background: url(../images/logo.png) no-repeat center/contain;
}

.footer .nav {
	margin-bottom: .25rem;
}

.footer .nav li {
	color: var(--theme-color);
	font-size: .26rem;
	text-align: center;
	line-height: .8rem;
}

.footer .nav li:active {
	color: var(--theme-touch-color);
}

.footer .nav li a {
	height: 100%;
	display: inline-block;
}




.copy {
	color: #888;
	font-size: .2rem;
	text-align: center;
	line-height: .36rem;
}




.p-news {
    font-size: .20rem;
}

.news-slide {
    overflow: hidden;
	margin-bottom: .38rem;
    position: relative;
    border-radius: .18rem;
}

.news-slide .swiper-pagination {
    width: auto;
    height: .1rem;
    top: auto;
    right: .38rem;
    bottom: .32rem;
    left: auto;
}

.news-slide .swiper-pagination-bullet {
    width: .1rem;
    height: .1rem;
    margin: 0 .06rem!important;
    background: rgba(255 , 255 , 255 , .6);
}

.news-slide .swiper-pagination-bullet-active {
    background: #fff;
}

.news-slide .img {
    height: 3.1rem;
}

.news-slide h4 {
    color: #fff;
    line-height: .74rem;
    height: .74rem;
    padding: 0 1.3rem 0 .28rem;
    transition: all .3s;
    background: var(--theme-color);
}

.news-slide .swiper-slide:hover h4 {
    background: var(--theme-touch-color);
}

.p-news .hd {
    display: flex;
    border-bottom: 1px solid #ddd;
}

.p-news .hd li {
    color: #444;
    font-size: .26rem;
    padding-bottom: .28rem;
    position: relative;
}

.p-news .hd li.on {
    font-weight: bold;
}

.p-news .hd li:not(:last-child) {
    margin-right: .4rem;
}

.p-news .hd li::after {
    content: '';
    width: 0;
    height: .04rem;
    top: auto;
    left: 0;
    transform: translate(0);
    bottom: -.02rem;
    transition: all .3s;
    background: var(--theme-color);
}

.p-news .hd li.on::after {
    width: .5rem;
}

.p-news .bd .li {
    border-bottom: 1px solid #e7f5ff;
}

.p-news .bd .li a {
    width: 100%;
    display: inline-block;
    padding: .1rem 0 .1rem 0;
}

.p-news .bd .li .item {
    display: flex;
    align-items: center;
}

.p-news .bd .li .time {
    color: #cbcbcb;
}

.p-news .bd .li .time i {
    font-size: .34rem;
    font-weight: bold;
    display: block;
    margin-bottom: .06rem;
}

.p-news .bd .li .text {
	color: #444;
    line-height: .38rem;
    width: 4.3rem;
    height: .76rem;
    display: flex;
    align-items: center;
    margin-left: auto;
}

.p-news .bd .li:hover p {
    color: var(--theme-color);
    font-weight: bold;
}




.news {
    padding-top: .28rem;
}

.news .inner-title {
    padding-bottom: .37rem;
    margin-bottom: .25rem;
}




.newsv {
	padding: .6rem 0;
}

.newsv .title {
	margin-bottom: .35rem;
	text-align: center;
}

.newsv .title h2 {
	color: #444;
	font-size: .26rem;
	line-height: .48rem;
	margin-bottom: .1rem;
}

.newsv .title p {
	color: #999;
	font-size: .2rem;
	display: block;
}

.newsv .text {
	color: #333;
	font-size: .2rem;
	line-height: .42rem;
	padding-bottom: .3rem;
	margin-bottom: .38rem;
	border-bottom: 1px solid #d2d2d2;
}

.newsv .agrop a {
	color: #666;
	font-size: .18rem;
	position: relative;
}

.newsv .agrop a:not(:last-child) {
	margin-right: .81rem;
}

.newsv .agrop a:hover {
	color: var(--theme-color);
}

.newsv .agrop a::after {
	content: '';
	position: absolute;
	top: 50%;
	left: auto;
	right: -.41rem;
	transform: translate(0 , -50%);
	width: 1px;
	height: .2rem;
	background-color: #bfbfbf;
}

.newsv .agrop a:last-child::after {
	display: none;
}




.infor {
    padding-top: .62rem;
}

.infor .inner-title {
    margin-bottom: .68rem;
}

.infor .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: .18rem;
    margin-bottom: .3rem;
    position: relative;
    border-bottom: 1px solid #ccc;
}

.infor .nav::after {
    content: '';
    width: .04rem;
    height: .24rem;
    top: 0;
    left: 0;
    transform: translate(0);
    background: var(--theme-color);
}

.infor .nav li {
    font-size: .22rem;
    line-height: .24rem;
    margin: 0 .14rem .25rem 0;
}

.infor .nav li.active,
.infor .nav li:hover {
    color: var(--theme-color);
}

.infor .listbox {
    gap: 38px 100px;
}

.infor .list {
	font-size: .20rem;
	padding: .32rem 0 .22rem;
    border-bottom: 1px solid #ccc;
}

.infor .list:hover {
    border-bottom: 1px solid var(--theme-color);
}

/* .infor .list a {
	padding: .32rem 0 .22rem 0;
} */

.infor .list span {
    color: #999;
    display: block;
    margin-bottom: .2rem;
}

.infor .list p {
    line-height: .26rem;
    padding: 0 .35rem 0 .45rem;
	margin-bottom: .2rem;
    background: url(../images/invest.png) no-repeat 0 0 /.24rem .26rem;
}

.infor .list:hover p {
    color: var(--theme-color);
    font-weight: bold;
}

.infor .list ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: .45rem;
}

.infor .list ul li {
    color: #666;
    font-size: .18rem;
    line-height: .3rem;
    height: .3rem;
    border-radius: .5rem;
    background: #eee;
}

.infor .list ul li:not(:last-child) {
    margin-right: .15rem;
}

.infor .list ul li:hover {
    color: #009afe;
}

.infor .list ul li a {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 0 .1rem 0 .32rem;
    position: relative;
}

.infor .list ul li a::after {
    content: '';
    width: .17rem;
    height: .17rem;
    position: absolute;
    left: .1rem;
    transform: translate(0, -50%);
    background-position: left center;
    background-image: url(../images/annex.png);
}

.infor .list ul li:hover a::after {
    background-image: url(../images/annex-touch.png);
}




.style {
	padding-top: .7rem;
}

.style .theme-title {
	margin-bottom: .63rem;
}

.style .hd {
	margin-bottom: .75rem;
}

.style .bd {
    font-size: .18rem;
}

.style .bd .item {
    margin-bottom: .38rem;
}

.style .bd .item .img {
    height: 3rem;
    margin-bottom: .2rem;
}

.style .bd .item:hover p,
.style .bd .list:hover p {
    color: var(--theme-color);
}

.style .bd .listbox {
    text-align: center;
    gap: .3rem .12rem;
}

.style .bd .list .img {
    height: 1.75rem;
    margin-bottom: .18rem;
}




.pro {
    padding: .65rem 0 .45rem 0;
}

.pro .hd {
    max-width: 5.6rem;
    gap: .35rem .4rem;
    margin: 0 auto .69rem;
}

.pro .bd .content {
    max-width: 5.6rem;
    margin: 0 auto .74rem;
}

.pro .bd .content h4 {
    font-size: .32rem;
    font-weight: bold;
    margin-bottom: .44rem;
}

.pro .bd .content .text {
    color: #666;
    font-size: .18rem;
    line-height: .3rem;
}

.pro .bd .img {
    height: 3.7rem;
}




.pro2 {
	padding: .45rem 0 .3rem 0;
}

.pro2 .theme-title {
	max-width: 5.6rem;
	margin: 0 auto .25rem;
}

.pro2-slide .swiper-wrapper {
	margin-bottom: .55rem;
}

.pro2-slide .swiper-slide {
	height: auto;
	padding: .15rem .4rem;
}

.pro2-slide .container {
	padding: .28rem .2rem .65rem .2rem;
	box-shadow: 0px 0px .15rem #dcdcdc;
	background: #fff;
}

.pro2-slide .img {
	height: 3.5rem;
	margin-bottom: .35rem;
}

.pro2-slide .text h4 {
	font-size: .22rem;
	font-weight: bold;
	margin-bottom: .1rem;
}

.pro2-slide .text .intro {
	line-height: .20rem;
	line-height: .35rem;
}




.contact {
    padding: .8rem 0 .9rem 0;
}

.contact .theme-title {
    margin-bottom: .72rem;
}

.contact .list {
    color: #666;
    font-size: .24rem;
    margin-bottom: .6rem;
}

.contact .list .li:not(:last-child) {
	margin-bottom: .5rem;
}

.contact .list h4 {
    padding: 0 0 .3rem .45rem;
    margin-bottom: .2rem;
    position: relative;
    border-bottom: 1px solid #ccc;
    background-repeat: no-repeat;
    background-position: left top;
}

.contact .list .li:nth-child(1)  h4 {
	background-size: .24rem .24rem;
    background-image: url(../images/con1.png);
}

.contact .list .li:nth-child(2)  h4 {
    padding-left: .34rem;
	background-size: .19rem .25rem;
    background-image: url(../images/con2.png);
}

.contact .list .li:nth-child(3)  h4 {
    padding-left: .53rem;
	background-size: .36rem .28rem;
    background-image: url(../images/con3.png);
}

.contact .list .li:hover h4 {
    color: var(--theme-color);
}

.contact .list h4::after {
    content: '';
    width: .45rem;
    height: .04rem;
    position: absolute;
    top: auto;
    left: 0;
    transform: translate(0);
    bottom: -.02rem;
    background: var(--theme-color);
}   

.contact .map {
    height: 4rem;
}




.service {
    padding: 88px 0 125px 0;
    background: #fafafa;
}

.service .theme-title {
    margin-bottom: .66rem;
}

.service .list:not(:last-child) {
	margin-bottom: .38rem;
}

.service .list {
	padding: .55rem .25rem .76rem .25rem;
	border-radius: .2rem;
	transition: all .3s;
	box-shadow: 0px 0px .1rem .1rem #f5f5f5;
	background: #fff;
}

.service .list:hover {
	background: var(--theme-color);
}

.service .list .icon {
	width: .62rem;
	height: .57rem;
	margin-bottom: .26rem;
	background-position: left center;
}

.service .list:hover .icon {
	-webkit-filter: grayscale(100%) brightness(500%);
	filter: grayscale(100%) brightness(500%);
}

.service .list h4 {
	color: var(--theme-color);
	font-size: .3rem;
	font-weight: bold;
	padding-bottom: .28rem;
	margin-bottom: .31rem;
	border-bottom: 1px solid #ccc;
}

.service .list:hover h4 {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.service .list p {
	color: #666;
	font-size: .20rem;
	line-height: .3rem;
}

.service .list:hover p {
	color: #fff;
}




.download {
    padding-top: .9rem;
}

.download .theme-title {
    margin-bottom: .63rem;
}
 
.download .list:not(:last-child) {
	margin-bottom: .28rem;
}

.download .list {
	position: relative;
	border-radius: .1rem;
	box-shadow: 0px 0px .15rem .1rem #f8f8f8;
	transition: all .4s;
}

.download .list:hover {
	background: var(--theme-color);
}

.download .list a {
	padding: .34rem .25rem 1.75rem .25rem;
}

.download .list h4 {
	color: #333;
	font-size: .26rem;
}

.download .list span {
	color: var(--theme-color);
	font-size: .2rem;
	font-weight: bold;
	line-height: 1;
	display: inline-block;
	padding-right: .3rem;
	position: absolute;
	left: .25rem;
	bottom: .47rem;
}

.download .list:hover h4,
.download .list:hover span
{
	color: #fff;
}

.download .list span::after {
	content: '';
	width: .19rem;
	height: .15rem;
	top: auto;
	left: auto;
	right: 0;
	bottom: 0;
	transform: translate(0);
	background-position: right bottom;
	background-image: url(../images/download.png);
}

.download .list:hover span::after {
	-webkit-filter: grayscale(100%) brightness(500%);
	filter: grayscale(100%) brightness(500%);
}




.about-title i {
	color: var(--theme-color);
}




.about {
	color: #666;
	font-size: .18rem;
	padding: .65rem 0 1.05rem 0;
}

.about .theme-title {
	margin-bottom: .25rem;
}

.about .theme-title i {
	font-family: bold;
	text-transform: uppercase;
	margin-bottom: .07rem;
}

.about .line {
	width: 2.75rem;
	height: .04rem;
	margin-bottom: .18rem;
	position: relative;
}

.about .line::before,
.about .line::after {
	content: '';
	width: 50%;
	height: 100%;
	position: absolute;
	bottom: 0;
}

.about .line::before {
	left: 0;
	background: #95e522;
}

.about .line::after {
	top: auto;
	left: auto;
	right: 0;
	transform: translate(0);
	background: #009afe;
}

.about .introd {
	line-height: 0.3rem;
	margin-bottom: .56rem;
}

.about .text {
	line-height: .4rem;
	margin-bottom: .62rem;
}

.about .rolling {
	text-align: center;
	gap: .5rem 0;
	margin-bottom: .6rem;
}

.about .rolling h4 {
	color: var(--theme-color);
	font-size: .36rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 12px;
}

.about .rolling h4 small {
	color: #333;
	font-size: .20rem;
	font-weight: normal;
	display: inline-block;
	margin-left: .1rem;
}

.about .rolling p {
	font-size: .20rem;
	line-height: .4rem;
}

.about .img {
	height: 3.3rem;
} 




.course {
    padding: .69rem 0 .78rem 0;
    background-image: url(../images/courseBg.jpg);
}

.course .theme-title {
    text-align: center;
    margin-bottom: 1.2rem;
}

.course .thumb-slide {
	position: relative;
}

.course .thumb-slide::after {
	content: '';
	width: 100%;
	height: .02rem;
	top: auto;
	left: 0;
	transform: translate(0);
	bottom: .95rem;
	background: var(--theme-color);
}

.course .thumb-slide .swiper-slide {
	font-size: .26rem;
	text-align: center;;
	position: relative;
	z-index: 10;
}

.course .thumb-slide .swiper-slide-thumb-active {
	color: var(--theme-color);
	font-weight: bold;
}

.course .thumb-slide span {
	display: block;
	margin-bottom: .15rem;
}

.course .thumb-slide .round {
    margin-top: -.08rem;
    position: relative;
    height: 1.15rem;
}

.course .thumb-slide .dot {
    width: .4rem;
    height: .4rem;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.course .thumb-slide .dot::before {
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    border-radius: 50%;
    background: #92c0e0;
}

.course .thumb-slide .swiper-slide-thumb-active .dot::before {
    opacity: 1;
}

.course .thumb-slide .dot::after {
    content: '';
    width: .2rem;
    height: .2rem;
    z-index: 9;
    border-radius: 50%;
    background: var(--theme-color);
}

.course .thumb-slide .line {
    width: .03rem;
    height: .87rem;
	opacity: 0;
    position: absolute;
	top: .2rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    background: var(--theme-color);
}

.course .thumb-slide .swiper-slide-thumb-active .line {
    opacity: 1;
}

.course .gallery-slide {
    margin-top: -.1rem;
}

.course .gallery-slide .swiper-wrapper {
	margin-bottom: .52rem;
}

.course .gallery-slide .content {
    font-size: .18rem;
	line-height: .3rem;
	width: 4.75rem;
	height: auto;
	padding: .36rem .35rem .54rem .35rem;
	margin: 0 auto;
	border-radius: .2rem;
	background: #fff;
}

.course .gallery-slide p {
	padding-left: .22rem;
	position: relative;
}

.course .gallery-slide p::after {
	content: '';
	width: .1rem;
	height: .1rem;
	top: .1rem;
	left: 0;
	transform: translate(0 , 0);
    border-radius: 50%;
	background: #bfbfbf;
}

.course .gallery-slide .swiper-slide-active p::after {
	background: var(--theme-color);
}




.environ {
    padding: .9rem 0 .65rem 0;
    background: #fafafa;
}

.environ .theme-title {
	max-width: 5.6rem;
	margin: 0 auto .79rem;
}

.environ-slide .swiper-wrapper {
    margin-bottom: .39rem;
}

.environ-slide .swiper-slide {
	width: 5.3rem;
}

.environ-slide .img {
	margin-bottom: .35rem;
	position: relative;
	border-radius: .38rem;
}

.environ-slide .img::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(0);
	background: rgba(255 , 255 , 255 , .2);
}

.environ-slide .swiper-slide-active .img::after {
	background: rgba(255 , 255 , 255 , 0);
}

.environ-slide p {
	font-size: .20rem;
	text-align: center;
	opacity: 0;
}

.environ-slide .swiper-slide-active p {
	opacity: 1;
}




.honor {
	padding: .83rem 0 .72rem 0;
}

.honor .theme-title {
	margin-bottom: .66rem;
}

.honor-slide .swiper-wrapper {
	margin-bottom: .5rem;
}

.honor-slide .img {
    height: 1.95rem;
    margin-bottom: .18rem;
}

.honor-slide p {
    font-size: .20rem;
    text-align: center;
}

.honor-slide .swiper-slide:hover p {
    color: var(--theme-color);
}




.abInfor {
    padding: .6rem 0;
}

.abInfor h2 {
    font-size: .2rem;
    font-weight: bold;
    text-align: center;
}

.abInfor .skip {
    text-align: right;
    margin-bottom: .3rem;
}

.abInfor .skip a {
    color: var(--theme-color);
    font-size: .18rem;
}

.abInfor .skip a:hover {
    color: var(--theme-touch-color);
}

.abInfor .text {
    font-size: .18rem;
    line-height: .3rem;
}




.banner {
    position: relative;
    z-index: 99;
}

.banner .swiper-pagination {
    bottom: .35rem;
}

.banner .swiper-pagination-bullet {
    width: .23rem;
    height: .23rem;
    margin: 0 .06rem!important;
    position: relative;
    background: transparent none no-repeat center/contain;
}

.banner .swiper-pagination-bullet-active {
    background: transparent url(../images/circle.png) no-repeat center/contain;
}

.banner .swiper-pagination-bullet::after {
    content: '';
    width: .12rem;
    height: .12rem;
    border-radius: 50%;
    background: #fff;
}

.banner .text {
    color: #fff;
    text-align: center;
	width: 100%;
	padding: 0 .15rem;
    position: absolute;
	top: 3.1rem;
	left: 0;
}

.banner .text h4 {
    font-size: .36rem;
    font-weight: bold;
    margin-bottom: .18rem;
}

.banner .text .intro {
    font-size: .18rem;
    line-height: .3rem;
}




.iab {
    padding: .9rem 0 1.05rem;
    background-image: url(../images/iabBg.jpg);
}

.iab .theme-title {
    margin-bottom: .52rem;
}

.iab .text {
    color: #666;
    font-size: .20rem;
    line-height: .4rem;
    margin-bottom: .67rem;
}

.iab .i-more {
	margin-bottom: .9rem;
}

.iab .img {
    height: 3.9rem;
    border-radius: .8rem 0 .8rem 0;
}




.i-title-container {
    display: flex;
    justify-content: space-between;
}

.i-title-container .i-more {
    margin: auto 0 .04rem 0;
}




.ibusin {
    padding: .85rem 0 .95rem 0;
}

.ibusin .i-title-container {
	max-width: 5.6rem;
	margin: 0 auto .83rem;
}

.ibusin-slide {
	margin-left: .4rem;
}

.ibusin-slide .swiper-slide {
    color: #fff;
	width: 4.3rem;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.ibusin-slide .mask {
    height: 7.7rem;
    padding: 1.08rem .35rem 1.6rem .35rem;
    background: rgba(0 , 0 , 0 , .1);
}

.ibusin-slide .mask.active {
    background: var(--theme-color);
}

.ibusin-slide .title h4 {
    font-size: .30rem;
    font-weight: bold;
    margin-bottom: .25rem;
}

.ibusin-slide .title p {
    font-size: .22rem;
}

.ibusin-slide .content {
    width: 100%;
    padding: 0 .35rem;
    position: absolute;
    top: 3.5rem;
    left: 0;
    transition: all ease-in-out .3s;
}

.ibusin-slide .mask.active .content {
    top: 2.4rem;
}

.ibusin-slide .content .icon {
    cursor: pointer;
    width: .36rem;
    height: .36rem;
    margin-bottom: 1.9rem;
    background-position: left center;
    background-image: url(../images/plus.png);
}

.ibusin-slide .mask.active .content .icon.active {
    margin-bottom: .55rem;
}

.ibusin-slide .content .text {
    font-size: .18rem;
    line-height: .3rem;
    height: 1.5rem;
    overflow: auto;
    scrollbar-width: none;
    display: none;
}

.ibusin-slide .mask.active .content .text {
    margin-bottom: 77px;
}

.ibusin-slide .i-more {
    cursor: pointer;
    border: 1px solid #fff;
    background: transparent;
}

.ibusin-slide .i-more:hover {
    background: var(--theme-color);
}




.inews {
	padding: .8rem 0 1rem 0;
	background: #f8f8f8;
}

.inews .i-title-container {
	margin-bottom: 0.4rem;
}

.inews .switch {
	margin-bottom: .8rem;
} 

.inews .bd .li {
	border-bottom: 1px solid #ddd;
}




.ienviron {
    padding: .8rem 0 .45rem 0;
}

.ienviron .theme-title {
    max-width: 5.6rem;
    margin: 0 auto .55rem;
}

.ienviron .hd {
	max-width: 5.6rem;
    display: flex;
	margin: 0 auto .23rem;
}

.ienviron .hd li {
    color: #666;
    font-size: .24rem;
    cursor: pointer;
}

.ienviron .hd li.on {
    color: var(--theme-color);
    font-weight: bold;
}
.ienviron .hd li:not(:last-child) {
    margin-right: .3rem;
}

.ienviron .bd {
    padding-top: .2rem;
    border-top: 1px solid #d2d2d2;
}

.ienviron .listbox {
    max-width: 5.6rem;
    margin: 0 auto;
}

.ienviron .bd {
    margin-bottom: .7rem;
}

.ienviron .list {
    color: #666;
    font-size: .20rem;
    line-height: .6rem;
    height: .6rem;
    border-bottom: 1px dashed #dcdcdc;
}

.ienviron .list:hover {
    color: var(--theme-color);
    font-weight: bold; 
} 

.ienviron .btn {
    max-width: 5.6rem;
    margin: 0 auto;
}