@charset "utf-8";

/* 广告图 */
.banner {position:relative;font-size:0;}
.banner img {width:100%;}
.banner .pagination {
	display:inline-block;
	width:auto;
}
.banner .swiper-pagination-bullet{
	display:inline-block;
	height:.16rem;
	width:.16rem;
	border-radius: 100px;
	border:1px solid #fff;
	cursor:pointer;
	transition:all 0.5s ease-in;
	margin:0 8px !important;
	background-color: inherit;
	opacity: .5;
}
.banner .swiper-pagination-bullet-active {
	opacity: 1;
}

.banner .banner_footer{
	position: absolute;
	left:0;
	bottom:.4rem;
	width:100%;
	text-align: center;
	z-index:70;
}
.banner .banner_footer .banner_prev,
.banner .banner_footer .banner_next{
	width:.2rem;
	height:.2rem;
	display:inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size:auto .15rem;
}
.banner .banner_footer .banner_prev{
	background-image:url(../images/bprev.png);
	margin-right:.3rem;
}
.banner .banner_footer .banner_next{
	background-image:url(../images/bnext.png);
	margin-left:.3rem;
}





.inc_banner {
	font-size:0;
	position: relative;
}
.inc_banner img {
	width:100%;
}




.pub_tit{
	color: #333;
}
.pub_tit i{
	font-size: .34rem;
	line-height: .5rem;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	margin-bottom: .08rem;
}
.pub_tit h2{
	font-size: .3rem;
}




.pub_more{
	color: #333;
	font-size: .18rem;
	padding-right: .35rem;
	display: inline-block;
	position: relative;
	transition: all .5s;
}
.pub_more::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -.05rem;
	right: 0;
	width: .15rem;
	height: .1rem;
	transition: all .5s;
	background-size: contain;
	background-repeat: no-repeat;
	background-position:  center;
	background-image: url(../images/pub_arrow.png);
}
.pub_more:active::after{
	transform: translate(.15rem);
}




.pub_menu{
	border-bottom: 1px solid #dcdcdc;
	background-color: #f3f3f3;
}
.pub_menu ul{
	padding: 0 .2rem;
	padding-top: .2rem;
	padding-bottom: .1rem;
	box-sizing: border-box;
}
.pub_menu ul li{
	color: #666;
	font-size: .22rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	line-height: .45rem;
	height: .45rem;
	margin-right: .36rem;
	margin-bottom: .1rem;
	display: inline-block;
	position: relative;
}
.pub_menu ul li:last-child{
	margin-right: 0;
}
.pub_menu ul li.on,
.pub_menu ul li:hover
{
	color: #2b5eab;
	font-weight: bold;
}
/* .pub_menu ul li::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height: .04rem;
	transition: all .5s;
	background-color: #2b5eab;
} */
.pub_menu ul li.on::after,
.pub_menu ul li:hover::after{
	width: 100%;
}
.pub_menu ul li a{
	width: 100%;
	height: 100%;
	display: inline-block;
}




.breadcrumb{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: .9rem;
}
.breadcrumb ul li{
	color: #fff;
	font-size: .18rem;
	height: .9rem;
	line-height: .9rem;
	padding-right: .2rem;
	margin-right: .1rem;
	display: inline-block;
	position: relative;
}
.breadcrumb ul li::after{
	content: '>';
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	font-size: .18rem;
}
.breadcrumb ul li:first-child{
	padding-right: 0;
	margin-right: 0;
}
.breadcrumb ul li:first-child::after,
.breadcrumb ul li:last-child::after{
	display: none;
}
.breadcrumb ul li a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.breadcrumb ul li:hover a{
	text-decoration: underline;
}




.page{
	text-align: center;
	padding:.4rem 0;
}
.page .pagination{
	display: inline-block;
}
.page .pagination li{
	float: left;
	width: .55rem;
	height: .55rem;
	line-height: .55rem;
	font-size: .2rem;
	color: #444;
	margin:0 .05rem;
	border: 1px solid #dcdcdc;
	background-color: #fff;
}
.page .pagination .prev,
.page .pagination .next
{
	width: .8rem;
}
.page .pagination li span,
.page .pagination li a{
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding:0 .03rem;
}
.page .pagination li.active,
.page .pagination li:hover
{
	color: #fff;
	background-color: #2b5eab;
}




.swiper .swiper-pagination{
	bottom: 0;
}
.swiper .swiper-pagination-bullet{
	width: .12rem;
	height: .12rem;
	opacity: 1;
	border: none;
	outline: none;
	background-color: #c7c7c7;
}
.swiper .swiper-pagination-bullet-active{
	background-color: #737373;
}




.header{
	position: fixed;
	left:0;
	top:0;
	right:0;
	margin:0 auto;
	widdth:100%;
	max-width: 6.4rem;
	z-index: 999;
	height:1rem;
}
.header h1{
	display:inline-block;
	width:2.2rem;
	height:.7rem;
	background:url(../images/logo.png) no-repeat left center;
	background-size:auto .7rem;
	float:left;
	margin-top:.15rem;
}
.header h1 a{
	display:inline-block;
	width:100%;
	height:100%;
	text-indent: -9999px;
}
.header .btngroup{
	float: right;
	margin-top:.32rem;
}
.header .btngroup a,
.header .btngroup span
{
	color: #fff;
	font-size: .26rem;
	line-height: .35rem;
	height:.35rem;
	float: left;
	display: block;
	position: relative;
}
.header .btngroup a{
	padding-right: .2rem;
	margin-right: .2rem;
}
.header .btngroup a::after{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: .02rem;
	height: .35rem;
	background-color: #fff;
}
.header .menu{
	background-repeat: no-repeat;
	background-position: center;
	background-image:url(../images/menu.png);
	background-size:auto .3rem;
	width:.52rem;
	display:inline-block;
	cursor: pointer;
}


.navbar{
	position: fixed;
	left:0;
	top:0;
	right:0;
	width:100%;
	max-width: 6.4rem;
	height:100%;
	margin:0 auto;
	background-color: #1f1f1f;
	z-index: 999;
	box-sizing: border-box;
	overflow-y: scroll;
	color:#fff;
	padding-bottom:.3rem;
	display: none;
}
.navbar_header{
	height:1rem;
	margin-bottom:.8rem;
}
.navbar_header .hlogo{
	display:inline-block;
	width:2.2rem;
	height:.7rem;
	background:url(../images/logo.png) no-repeat left center;
	background-size:auto .7rem;
	float:left;
	margin-top:.15rem;
}
.navbar_header .menu{
	background-repeat: no-repeat;
	background-position: center;
	background-image:url(../images/menu.png);
	background-size:auto .3rem;
	width:.52rem;
	height:.35rem;
	display:inline-block;
	float:right;
	margin-top:.32rem;
	cursor: pointer;
}


.navbar .search{
	display: flex;
	align-items: center;
	margin-top:.5rem;
	border-radius: .1rem;
	background-color: #2c2c2c;
}
.navbar .search .search_content{
	color: #999;
	font-size: .22rem;
	text-align: left;
	width: 1.5rem;
	position: relative;
}
.navbar .search .search_content h4{
	width: 1.5rem;
	line-height: .8rem;
	height: .8rem;
	padding: 0 .2rem;
	box-sizing: border-box;
	position: relative;
}
.navbar .search .search_content h4:hover{
	cursor: pointer;
}
.navbar .search .search_content h4::before{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -.16rem;
	right: 0;
	width: 1px;
	height: .32rem;
	background-color: #d2d2d2;
}
.navbar .search .search_content ul{
	width: 1.5rem;
	position: absolute;
	left: 0;
	top: .85rem;
	display: none;
	overflow: hidden;
	padding: .2rem 0;
	box-sizing: border-box;
	border-radius: .05rem;
	background-color: #2f2f2f;
}
.navbar .search .search_content ul.on{
	display: block;
}
.navbar .search .search_content ul li{
	color: #fff;
	line-height: .5rem;
	height: .5rem;
	transition: all .5s;
	padding: 0 .2rem;
	box-sizing: border-box;
	background-color: #2f2f2f;
}
.navbar .search .search_content ul li:hover{
	color: #999;
	cursor: pointer;
	background-color: #fff;
}
.navbar .search form{
	width: 100%;
	position: relative;
}
.navbar .search form input.text{
	height:.8rem;
	font-size: .22rem;
	color:#999;
	width:100%;
	max-width: 3.5rem;
	border:none;
	padding-left: .2rem;
	box-sizing: border-box;
	background-color: transparent;
}
.navbar .search form input.submit{
	width:.8rem;
	height:.8rem;
	background-size: .3rem .3rem;
	background-repeat: no-repeat;
	background-position: center; 
	background-image:url(../images/header_search.png);
	border:none;
	position: absolute;
	right:0;
	top:0;
	z-index: 3;
	background-color: transparent;
}




.iabout{
	padding:1.1rem 0;
}
.iabout .htx{
	padding-bottom:.4rem;
}
.iabout .htx i{
	font-size:.36rem;
	color:#333;
	text-transform: uppercase;
	font-weight: bold;
	display:inline-block;
	max-width: 4rem;
	margin-bottom:.05rem;
	line-height: .5rem;
}
.iabout .htx h2{
	font-size:.3rem;
	color:#333;
	margin-bottom:.05rem;
}
.iabout .text{
	font-size: .2rem;
	color:#666;
	line-height: .4rem;
	margin-bottom:.4rem;
}
/* .iabout .more{
	display: inline-block;
	height:.35rem;
	line-height: .35rem;
	font-size:.2rem;
	color:#333;
	text-transform: uppercase;

	padding-right: .35rem;
	background-repeat: no-repeat;
	background-position: right 0 center;
	background-image:url(../images/arrow.png);
	background-size:auto .2rem;
}
.iabout .more:active{
	color:#666;
} */
.iabout .more{
	color: #fff;
	font-size: .18rem;
	text-align: center;
	line-height: .6rem;
	width: 2rem;
	height: .6rem;
	display: block;
	border-radius: .5rem;
	transition: all .5s;
	background-color: #1f1f1f;
}
.iabout  .more:hover{
	background-color: #2b5eab;
}




.ipro{
	padding-bottom:1.1rem;
}
.ipro .hd{
	margin-bottom:.6rem;
}
.ipro .hd ul{
	border-top:1px solid #1f1f1f;
}
.ipro .hd ul li{
	width:50%;
	height:.75rem;
	line-height: .75rem;
	font-size: .22rem;
	color:#333;
	display: inline-block;
	float:left;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
	border-bottom:1px solid #1f1f1f;
	border-right:1px solid #1f1f1f;
}
.ipro .hd ul li:nth-child(2n){
	border-right:none;
}
.ipro .hd ul li.on{
	background-color: #1f1f1f;
	color:#fff;
}
.ipro .bd{
	margin-bottom:.3rem;
}
.ipro .bd ul{
	display: none;
}
.ipro .bd ul.on{
	display: block;
}
.ipro .bd ul li{
	width:2.8rem;
	display:inline-block;
	margin-bottom:.4rem;
	text-align: center;
}
.ipro .bd ul li .img{
	width:100%;
	height:3rem;
	margin-bottom:.15rem;
}
.ipro .bd ul li h4{
	font-size: .22rem;
	color:#333;
	margin-bottom:.06rem;
}
.ipro .bd ul li p{
	font-size: .18rem;
	color:#a6a6a6
}

.ipro .more{
	width:2.7rem;
	height:.7rem;
	line-height: .7rem;
	border:1px solid #bfbfbf;
	display: block;
	margin:0 auto;
	text-align: center;
	font-size:.2rem;
	color:#333;
	text-transform: uppercase;
	
	background-repeat: no-repeat;
	background-position: right .3rem center;
	background-image:url(../images/arrow.png);
	background-size:auto .2rem;
	border-radius: 50px;
	text-indent: -.15rem;
}
.ipro .more:active{
	color:#666;
}




.iidea .img img{
	width: 100%;
}
.iidea .text_box{
	background-color: #1f1f1f;
	padding:.8rem 0;
	color:#fff;
}
.iidea .text_box .htx{
	margin-bottom:.4rem;
}
.iidea .text_box .htx i{
	font-size:.36rem;
	color:#fff;
	text-transform: uppercase;
	font-weight: bold;
	display:inline-block;
	margin-bottom:.05rem;
	line-height: .5rem;
}
.iidea .text_box .htx h2{
	font-size:.3rem;
	margin-bottom:.05rem;
}
.iidea .text_box .text{
	font-size: .2rem;
	line-height: .4rem;
	margin-bottom:.4rem;
}
.iidea .text_box .more{
	display: inline-block;
	height:.35rem;
	line-height: .35rem;
	font-size:.2rem;
	text-transform: uppercase;
	
	padding-right: .35rem;
	background-repeat: no-repeat;
	background-position: right 0 center;
	background-image:url(../images/arrow2.png);
	background-size:auto .2rem;
}
.iidea .text_box .more:active{
	color:#999;
}




.tit1{
	padding:.5rem 0;
	text-align: center;
	color:#333;
}
.tit1 i{
	font-size: .34rem;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom:.1rem;
	display:block;
}
.tit1 h2{
	font-size: .3rem;
}




.ivideo{
	padding-top:.3rem;
}
.ivideo_slide{
	width:5.8rem;
	margin-bottom:.9rem;
}
.ivideo_slide .swiper-slide{
	position: relative;
}
.ivideo_slide .swiper-slide .img{
	width:100%;
	height:100%;
}
.ivideo_slide .swiper-slide p{
	height:.3rem;
	line-height: .3rem;
	position: absolute;
	left:0;
	bottom:.3rem;
	font-size: .2rem;
	color:#fff;
	width:100%;
	padding-left:.25rem;
	box-sizing: border-box;
	z-index: 8;
}
.ivideo_slide .swiper-slide .play{
	width:.5rem;
	height:.5rem;
	display: inline-block;
	position: absolute;
	right:.25rem;
	bottom:.25rem;
	background:url(../images/play.png) no-repeat center;
	background-size: auto 100%;
	z-index: 9;
}
.ivideo_slide .swiper-slide .mask{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1.9rem;
	background-image: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0.2),rgba(0,0,0,0.1),rgba(0,0,0,0))
}
.ivideo_slide .swiper-scrollbar{
	position: static;
	margin:0 auto;
	margin-top:.5rem;
}




.icase{
	width:5.8rem;
	height:6rem;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/icase.jpg);
	background-size:cover;
	padding:.3rem;
	box-sizing: border-box;
	margin:0 auto;
	margin-bottom:.4rem;
}
.icase .item{
	border:1px solid #d9d6d3;
	width:100%;
	height:100%;
	color:#fff;
	position: relative;
}
.icase .item .tit{
	padding-top:.4rem;
	padding-left:.4rem;
}
.icase .item .tit i{
	font-size: .3rem;
	text-transform: uppercase;
	margin-bottom:.06rem;
	display: block;
}
.icase .item .tit h2{
	font-size: .28rem;
}
.icase .item .agroup{
	position: absolute;
	right:.5rem;
	bottom:.3rem;
}
.icase .item .agroup a{
	display: block;
	width:1.6rem;
	height:.4rem;
	line-height: .4rem;
	border-bottom:1px solid #fff;
	margin-bottom:.15rem;
	background-repeat: no-repeat;
	background-position: right 0 center;
	background-image:url(../images/add.png);
	background-size:auto .1rem;
}
.icase .item .agroup a:active{
	color:#999;
}

.ijoin{
	background-image: url(../images/ijoin.jpg);
	margin-bottom:.9rem;
}




.inews{
	padding-top:.3rem;
	background-color: #f3f3f3;
	padding-bottom:1rem;
}
.inews .inews_box{
	padding-bottom:.4rem;
}
.inews .inews_box .list{
	margin-bottom:.3rem;
}
.inews .inews_box .list .img{
	width:100%;
	height:3.6rem;
}
.inews .inews_box .list .text{
	padding:.3rem;
	background-color: #fff;
}
.inews .inews_box .list .text h4{
	font-size: .22rem;
	color:#333;
	line-height: .4rem;
	padding-bottom:.2rem;
	border-bottom:1px solid #e5e5e5;
}
.inews .inews_box .list .text h4:active{
	color:#999;
}
.inews .inews_box .list .text .more{
	display: inline-block;
	height:.35rem;
	line-height: .35rem;
	font-size:.18rem;
	background-repeat: no-repeat;
	background-position: right 0 center;
	background-image:url(../images/arrow.png);
	background-size:auto .15rem;
	color:#333;
	padding-right:.4rem;
	margin-top:.15rem;
}
.inews .inews_box .list .text .more:active{
	color:#999;
}
.inews .moremax{
	width:2.7rem;
	height:.7rem;
	line-height: .7rem;
	border:1px solid #bfbfbf;
	display: block;
	margin:0 auto;
	text-align: center;
	font-size:.2rem;
	color:#333;
	text-transform: uppercase;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: right .3rem center;
	background-image:url(../images/arrow.png);
	background-size:auto .2rem;
	border-radius: 50px;
	text-indent: -.15rem;
}
.inews .moremax:active{
	color:#666;
}




.footer{
	background-color: #1f1f1f;
	padding:.6rem 0;
	color:#fff;
}

.menubox .list h4{
	height:.7rem;
	line-height: .7rem;
	font-size: .22rem;
	border-bottom:1px solid #323232;
	background-repeat: no-repeat;
	background-position: right .3rem center;
	background-image:url(../images/ad.png);
	background-size:.17rem auto;
	cursor: pointer;
}
.menubox .list.on h4{
	background-image:url(../images/ed.png);
}
.menubox .list ul{
	padding-top:.2rem;
	padding-bottom:.1rem;
	display:none;
}
.menubox .list.on ul{
	display: block;
}
.menubox .list ul li{
	width:23.5%;
	height:.4rem;
	line-height: .3rem;
	float:left;
	margin-right:2%;
	box-sizing: border-box;
	margin-bottom:.1rem;
	font-size: .2rem;
	color:#999;
}
.menubox .list ul li:nth-child(4n){
	margin-right:0;
}
.menubox .list ul li:active{
	color:#f5f5f5;
}
.menubox .list ul li a{
	display: block;
}

.footer .ftext,
.footer .company{
	font-size:.2rem;
	color:#999;
	line-height: .36rem;
}
.footer .ftext{
	padding:.3rem 0;
}




.society_menu ul{ 
	display: flex;
	flex-wrap: wrap;
	padding: .2rem 0 .1rem 0;
}
.society_menu ul li{
	text-align: center;
	width: 25%;
	margin-right: 0;
}
.society_menu ul li::after{
	display: none;
}




.society{
	padding: .9rem 0;
	background-color: #f3f3f3;
}
.society .list{
	font-size: 0;
	margin-bottom: .35rem;
	background-color: #fff;
}
.society .list a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.society .list .img{
	width: 100%;
	height: 3.6rem;
}
.society .list .text{
	color: #888;
	font-size: .18rem;
	padding: .4rem .35rem;
	box-sizing: border-box;
}
.society .list .text span{
	display: block;
	margin-bottom: .3rem;
}
.society .list .text h4{
	color: #333;
	font-size: .24rem;
	line-height: .4rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin-bottom: .12rem;
}
.society .list .text p{
	line-height: .34rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin-bottom: .4rem;
}
.society .page{
	padding-top: .65rem;
	padding-bottom: .1rem;
}




.case_menu ul{ 
	display: flex;
	flex-wrap: wrap;
	padding: .2rem 0 .1rem 0;
}
.case_menu ul li{
	text-align: center;
	width: 25%;
	margin-right: 0;
}
.case_menu ul li::after{
	display: none;
}





.case{
	padding: .55rem 0;
	background-color: #f3f3f3;
}
.case .listbox .list{
	width: 100%;
	margin-bottom: .3rem;
	background-color: #fff;
}
.case .listbox .list .img{
	width: 100%;
	height: 3.9rem;
}
.case .listbox .list  h4{
	color: #666;
	font-size: .2rem;
	line-height: .9rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	height: .9rem;
	padding-left: .25rem;
	padding-right: .9rem;
	box-sizing: border-box;
	position: relative;
}
.case .listbox .list  h4::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -.25rem;
	right: 25px;
	width: .5rem;
	height: .5rem;
	transition: all .5s;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/jia_icon1.png);
}
.case .listbox .list:hover  h4::after{
	background-image: url(../images/jia_icon2.png);
}
.case .page{
	padding: .55rem 0;
}




.news_menu ul{ 
	display: flex;
	flex-wrap: wrap;
	padding: .2rem 0 .1rem 0;
}
.news_menu ul li{
	text-align: center;
	width: 25%;
	margin-right: 0;
}
.news_menu ul li::after{
	display: none;
}




.news{
	padding: .9rem 0;
	background-color: #f3f3f3;
}
.news .list{
	font-size: 0;
	margin-bottom: .35rem;
	background-color: #fff;
}
.news .list:last-child{}
.news .list a{
	margin-bottom: 0;
	width: 100%;
	height: 100%;
	display: inline-block;
}
.news .list .img{
	width: 100%;
	height: 3.6rem;
}
.news .list .text{
	color: #888;
	font-size: .18rem;
	padding: .4rem .35rem;
	box-sizing: border-box;
}
.news .list .text span{
	display: block;
	margin-bottom: .3rem;
}
.news .list .text h4{
	color: #333;
	font-size: .24rem;
	line-height: .4rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin-bottom: .12rem;
}
.news .list .text p{
	line-height: .34rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin-bottom: .4rem;
}
.news .page{
	padding-top: .65rem;
	padding-bottom: .1rem;
}




.newsv{
	padding: .6rem 0;
}
.newsv .tit{
	margin-bottom: .4rem;
	text-align: center;
}
.newsv .tit h2{
	color: #333;
	font-size: .26rem;
	line-height: .4rem;
	margin-bottom: .15rem;
}
.newsv .tit p{
	color: #666;
	font-size: .18rem;
	display: block;
}
.newsv .text{
	color: #888;
	font-size: .18rem;
	line-height: .3rem;
	padding-bottom: .3rem;
	margin-bottom: .4rem;
	border-bottom: 1px solid #d2d2d2;
}
.newsv .text video{
	width: 100%;
}
.newsv .agrop{
	text-align: center;
}
.newsv .agrop a{
	color: #666;
	font-size: .18rem;
	padding-right: .4rem;
	display: inline-block;
	position: relative;
	margin-right: .4rem;
}
.newsv .agrop a:last-child{
	margin-right: 0;
}
.newsv .agrop a::after {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -.1rem;
	right: 0;
	width: 1px;
	height: .2rem;
	background-color: #bfbfbf;
}
.newsv .agrop a:last-child::after{
	display: none;
}
.newsv .agrop a:active{
	text-decoration: underline;
}




.video{
	padding: .55rem 0;
	background-color: #f3f3f3;
}
.video  .list{
	width: 100%;
	margin-bottom: .35rem;
	background-color: #fff;
}
.video  .list .pic{
	width: 100%;
	height: 3.9rem;
	position: relative;
}
.video  .list .pic::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -.4rem;
	left: 50%;
	margin-left: -.4rem;
	width: .8rem;
	height: .8rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/video_play.png);
}
.video  .list .pic .img{
	width: 100%;
	height: 100%;
}
.video  .list .pic .mask{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
}  
.video  .list  h4{
	color: #666;
	font-size: .22rem;
	text-align: center;
	line-height: .9rem;
	height: .9rem;
}
.video .page{
	padding-top: .65rem;
	padding-bottom: .5rem;
}




.honor{
	padding: .7rem 0;
	background-color: #f1f1f1;
}
.honor .list{
	width: 48%;
	float: left;
	margin-right: 4%;
	margin-bottom: .45rem;
	background-color: #fff;
}
.honor .list:nth-child(2n){
	margin-right: 0;
}
.honor .list a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.honor .list  .pic{
	padding: .15rem;
	box-sizing: border-box;
}
.honor .list .img{
	height: 2.5rem;
}
.honor .list h4{
	color: #666;
	font-size: .2rem;
	text-align: center;
	line-height: .3rem;
	height: 1.1rem;
	padding: .25rem ;
	box-sizing: border-box;
	transition: all .5s;
	border-top: 1px solid #d2d2d2;
}
.honor .list h4:hover{
	color: #fff;
	background-color: #2b5eab;
}
.honor .page{
	padding-top: .4rem;
	padding-bottom: .3rem;
}




.idea{
	padding: 1rem 0;
	background-color: #f1f1f1;
}
.idea .pub_tit{
	margin-bottom: .75rem;
}
.idea .pub_tit i{
	max-width: 4.8rem;
}
.idea  .list{
	margin-bottom: 1.1rem;
}
.idea  .list:last-child{
	margin-bottom: 0;
}
.idea  .list  .img{
	width: 100%;
	height: 6.45rem;
	overflow: hidden;
	margin-bottom: .5rem;
}
.idea  .list  .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.idea  .list .text .tit{
	color: #333;
	padding-top: .25rem;
	padding-bottom: .35rem;
	margin-bottom: .35rem;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}
.idea  .list .text .tit h4{
	font-size: .34rem;
	margin-bottom: .1rem;
}
.idea  .list .text .tit  h5{
	font-size: .24rem;
}
.idea  .list .text  .txt{
	color: #666;
	font-size: .2rem;
	line-height: .38rem;
}




.ab_tit{
	position: relative;
}
.ab_tit::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: .75rem;
	height: .65rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(../images/tit_icon.png);
}
.ab_text{
	color: #666;
	font-size: .2rem;
	line-height: .38rem;
}




.bring{
	padding: .9rem 0;
}
.bring .pub_tit{
	margin-bottom: .4rem;
}
.bring .text{
	margin-bottom: .65rem;
}
.bring_slide .swiper-wrapper{
	margin-bottom: .85rem;
}
.bring_slide .img{
	width: 100%;
	height: 4rem;
}




.equipment{
	padding-top: .8rem;
	padding-bottom: 1.1rem;
	background-color: #f1f1f1;
}
.equipment .pub_tit{
	margin-bottom: .6rem;
}
.equipment .pub_tit i{
	max-width: 2.4rem;
}
.equ_slide .swiper-wrapper{
	margin-bottom: .85rem;
}
.equ_slide  .swiper-slide{
	background-color: #fff;
}
.equ_slide .img{
	width: 100%;
	height: 4rem;
}
.equ_slide  .text{
	width: 100%;
	height: 3.75rem;
	padding: .5rem .35rem;
	box-sizing: border-box;
}
.equ_slide  .text h4{
	color: #333;
	font-size: .24rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	margin-bottom: .24rem;
	transition: all .5s;
}
.equ_slide  .swiper-slide:hover .text h4{
	color: #2b5eab;
}
.equ_slide  .text p{
	color: #666;
	font-size: .2rem;
	line-height: .36rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}




.pub_slide .swiper-wrapper{
	margin-bottom: .85rem;
}
.pub_slide .img{
	width: 100%;
	height: 4rem;
}



.wisdom{
	padding: .9rem 0;
}
.wisdom .pub_tit{
	margin-bottom: .4rem;
}
.wisdom .pub_tit i{
	max-width: 2.8rem;
}
.wisdom .text{
	margin-bottom: .65rem;
}




.life{
	padding: .8rem 0;
	background-color: #f1f1f1;
}
.life .pub_tit{
	margin-bottom: .4rem;
}
.life .text{
	margin-bottom: .65rem;
}




.green{
	padding: .9rem 0;
}
.green .pub_tit{
	margin-bottom: .4rem;
}
.green .pub_tit i{
	max-width: 3.15rem;
}
.green .text{
	margin-bottom: .65rem;
}




.system{
	padding: .95rem 0;
}
.system .pub_tit{
	margin-bottom: .4rem;
}
.system .pub_tit i{
	max-width: 2.8rem;
}
.system .text{
	margin-bottom: .55rem;
} 




.manage{
	padding-top: .35rem;
	padding-bottom: 1.2rem;
}
.manage .pub_tit{
	margin-bottom: .4rem;
}
.manage .ab_text{
	margin-bottom: .5rem;
}
.manage_slide a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.manage_slide .swiper-wrapper{
	margin-bottom: .4rem;
}
.manage_slide .img{
	width: 100%;
	height: 4.1rem;
	padding: .55rem;
	box-sizing: border-box;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/manbg.jpg);
}
.manage_slide h4{
	color: #333;
	font-size: .2rem;
	text-align: center;
	line-height: 1rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	height: 1rem;
}




.course{
	padding: .8rem 0;
}
.course .listbox{
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}
.course  .list h4{
	color: #222;
	font-size: .26rem;
	line-height: 1rem;
	height: 1rem;
	position: relative;
	border-bottom: 1px solid #dcdcdc;
}
.course  .list h4::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -.25rem;
	right: 0;
	width: .5rem;
	height: .5rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/course_jia.png);
}
.course  .list h4.on{
	color: #2b5eab;
}
.course  .list h4.on::after{
	background-image: url(../images/course_jian.png);
}
.course  .list .text{
	color: #666;
	font-size: .2rem;
	line-height: .4rem;
	padding: .4rem 0;
	display: none;
	border-bottom: 1px solid #dcdcdc;
}
.course  .list:last-child .text{
	border-bottom: none;
}
.course  .list .text.on{
	display: block;
}




.ab_menu ul{ 
	display: flex;
	flex-wrap: wrap;
	padding: .2rem 0 .1rem 0;
}
.ab_menu ul li{
	text-align: center;
	width: 25%;
	margin-right: 0;
}
.ab_menu ul li::after{
	display: none;
}




.about{
	padding: .9rem 0;
}
.about .pub_tit{
	margin-bottom: .45rem;
}
.about .pub_tit i{
	max-width: 3.9rem;
}
.about .text{
	color: #222;
	font-size: .2rem;
	line-height: .38rem;
}




.about2{
	max-width: 5.8rem;
	margin: 0 auto;
}
.about2 .item{
	padding-top: .3rem;
	padding-bottom: .65rem;
	position: relative;
	border-top: 2px solid #dcdcdc;
}
.about2 .item::before{
	content: '';
	position: absolute;
	top: .36rem;
	right: 0;
	width: .18rem;
	height: .18rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(../images/top_icon.png);
}
.about2 .item::after{
	content: '';
	position: absolute;
	top: -2px;
	left: 0;
	width: 0;
	height: 2px;
	transition: all .5s;
	background-color: #575757;
}
.about2 .item:active:after{
	width: 100%;
}
.about2 .item .value{
	color: #222;
	font-size: .56rem;
	display: inline-block;
	margin-bottom: .1rem;
	position: relative;
}
.about2 .item .value::after{
	content: '+';
	position: absolute;
	top: 0;
	right: -.2rem;
	font-size: .3rem;
	font-weight: normal;
}
.about2 .item:nth-child(1) .value::after,
.about2 .item:nth-child(2) .value::after
{
	display: none;
}
.about2 .item p{
	color: #888;
	font-size: .2rem;
}




.strategy{
	padding-bottom: 7.4rem;
	position: relative;
	background-color: #f1f1f1;
}
.strategy .img{
	width: 100%;
	height: 6.7rem;
	margin: 0 auto;
	overflow: hidden;
}
.strategy .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.strategy .textbox{
	max-width: 5.8rem;
	/* height: 8.3rem; */
	padding: 0 .35rem;
	padding-top: .7rem;
	padding-bottom: .35rem;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	background-color: #fff;
}
.strategy .textbox .pub_tit{
	text-align: center;
	padding-bottom: .8rem;
	margin-bottom: .3rem;
	position: relative;
}
.strategy .textbox .pub_tit::after{
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -0.5px;
	bottom: 0;
	width: 1px;
	height: .6rem;
	background-color: #535353;
}
.strategy .textbox .pub_tit i{
	max-width: 410px;
	margin: 0 auto;
}
.strategy .text{
	color: #666;
	font-size: .2rem;
	line-height: .38rem;
}




.culture{
	padding: 1.3rem 0;
	background-color: #f1f1f1;
}
.culture .pub_tit{
	max-width: 5.8rem;
	margin: 0 auto;
	margin-bottom: .6rem;
}
.culture .listbox .list{
	padding: .45rem 0;
	position: relative;
	border-bottom: 1px solid #dcdcdc;
}
.culture .listbox .list::after{
	content: '';
	position: absolute;
	top: .45rem;
	right: .3rem;
	width: .5rem;
	height: .5rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/course_jia.png);
}
.culture .listbox .list.on::after{
	background-image: url(../images/course_jian.png);
}
.culture .listbox .list:hover{
	cursor: pointer;
}
.culture .listbox .list.on{
	border-bottom: none;
	background-color: #fff;
}
.culture .list .hd{
	max-width: 4.7rem;
	margin-left: .3rem;
}
.culture .list .hd h4{
	color: #222;
	font-size: .26rem;
	margin-bottom: .15rem;
}
.culture .list .hd p{
	color: #666;
	font-size: .2rem;
	line-height: .36rem;
}
.culture .list .text{
	color: #666;
	font-size: .2rem;
	line-height: .38rem;
	padding-top: .35rem;
	max-width: 4.7rem;
	margin-left: .3rem;
	display: none;
}
.culture .list .text.on{
	display: block;
}




.adv{
	padding-bottom: 1rem;
	background-color: #f1f1f1;
}
.adv_slide .swiper-wrapper{
	margin-bottom: .9rem;
}
.adv_slide .swiper-slide{
	background-color: #fff;
}
.adv_slide .img{
	width: 100%;
	height: 5.6rem;
	overflow: hidden;
	position: relative;
}
.adv_slide .img img{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.adv_slide .text{
	height: 4.9rem;
	padding: .55rem .35rem;
	box-sizing: border-box;
}
.adv_slide .text h4{
	color: #333;
	font-size: .26rem;
	margin-bottom: .2rem;
}
.adv_slide .text p{
	color: #666;
	font-size: .2rem;
	line-height: .36rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 9;
	-webkit-box-orient: vertical;
}




.boss{
	padding: 1rem 0;
}
.boss  h2{
	color: #000;
	font-size: .3rem;
	line-height: .48rem;
	margin-bottom: .55rem;
}
.boss .tit{
	text-align: right;
	padding-bottom: .55rem;
	margin-bottom: .45rem;
	border-bottom: 1px solid #dcdcdc;
}
.boss .tit em{
	color: #444;
	font-size: .18rem;
}
.boss .tit span{
	color: #000;
	font-size: .26rem;
}
.boss .text{
	color: #444;
	font-size: .2rem;
	line-height: .38rem;
	padding-bottom: .65rem;
}
.boss .img{
	width: 100%;
	height: 7.1rem;
}
.boss .img img{
	width: 100%;
	height: 100%;
}




.boss2{
	padding-bottom: 1.1rem;
}
.boss2 ul{
	margin-bottom: .6rem;
	border-top:1px solid #1f1f1f;
}
.boss2 ul li{
	width:50%;
	height:.75rem;
	line-height: .75rem;
	font-size: .22rem;
	color:#333;
	float:left;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
	border-bottom:1px solid #1f1f1f;
	border-right:1px solid #1f1f1f;
}
.boss2 ul li:nth-child(2n){
	border-right:none;
}
.boss2 ul li.on{
	color:#fff;
	background-color: #1f1f1f;
}
.boss2 .list .text{
	color: #444;
	font-size: .2rem;
	line-height: .38rem;
	margin-bottom: .6rem;
}
.boss2 .listbox{
	max-width: 5.8rem;
	margin: 0 auto;
}
.boss2 .listbox .list{
	display: none;
}
.boss2 .listbox .list.on{
	display: block;
}
.boss2 .list .img{
	width: 100%;
	height: 7.2rem;
}
.boss2 .list .img img{
	width: 100%;
	height: 100%;
}




.contact{
	padding: .9rem 0;
	background-color: #f3f3f3;
}
.contact .pub_tit{
	text-align: center;
	margin-bottom: .55rem;
}
.contact .pub_tit i{
	font-size: .24rem;
}
.contact .pub_tit h2{
	font-size: .28rem;
}
.contact .list{
	font-size: .2rem;
	height: 2.2rem;
	padding: .5rem .45rem;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	margin-bottom: .25rem;
	background-color: #fff;
	border-bottom: 2px solid #dfdfdf;
}
.contact .list:last-child{
	margin-bottom: 0;
}
.contact .list i{
	width: .5rem;
	height: .5rem;
	display: block;
	transition: all .5s;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.contact .list:nth-child(1) i{
	background-image: url(../images/con_icon1.png);
}
.contact .list:nth-child(2) i{
	background-image: url(../images/con_icon2.png);
}
.contact .list:nth-child(3) i{
	background-image: url(../images/con_icon3.png);
}
.contact .list:active i{
	transform: translateY(-.1rem);
}
.contact .list .text{
	padding-left: .3rem;
	box-sizing: border-box;
	margin-left: .3rem;
	position: relative;
}
.contact .list .text::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -.55rem;
	left: 0;
	width: 1px;
	height: 1.1rem;
	background-color: #dcdcdc;
}
.contact .list .text h4{
	color: #888;
	margin-bottom: .1rem;
}
.contact .list .text p{
	color: #333;
	line-height: .34rem;
}
.contact .list:first-child .text p{
	font-size: .26rem;
}




.codebox{
	padding-bottom: .85rem;
	background-color: #f3f3f3;
}
.codebox .bgimg{
	width: 100%;
	height: 4.6rem;
	overflow: hidden;
	margin-bottom: .7rem;
}
.codebox .bgimg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.codebox .itembox{
	max-width: 5.8rem;
	margin: 0 auto;
}
.codebox .itembox .item{
	width: 1.8rem;
	float: left;
	margin-right: .2rem;
	margin-bottom: .2rem;
}
.codebox .itembox .item:nth-child(3n){
	margin-right: 0;
}
.codebox  .item .img{
	width: 100%;
	height: 1.8rem;
}
.codebox  .item p{
	color: #666;
	font-size: .2rem;
	text-align: center;
	line-height: .6rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	height: .6rem;
}




.address{
	padding-bottom: 1.15rem;
	background-color: #f3f3f3;
}
.address .pub_tit{
	margin-bottom: .6rem;
}
.address .list{
	padding-top: .25rem;
	padding-bottom: .45rem;
	border-top: .02rem solid #dcdcdc;
}
.address .list:last-child{
	padding-bottom: 0;
}
.address .list h4{
	color: #333;
	font-size: .24rem;
	margin-bottom: .25rem;
}
.address .list .text{
	color: #666;
	font-size: .2rem;
	line-height: .3rem;
}




.join{
	padding-top: .8rem;
	padding-bottom: 1.1rem;
	background-color: #f3f3f3;
}
.join .pub_tit{
	text-align: center;
	margin-bottom: .6rem;
}
.join .formbox{
	padding: 0 .35rem;
	box-sizing: border-box;
}
.join .formbox .li{
	display: flex;
	align-items: center;
	position: relative;
	margin-bottom: .2rem;
	border-bottom: 1px solid #d2d2d2;
}
.join .formbox .li.txt2 label{
	width: .65rem;
}
.join .formbox .li.txt2 input{
	padding-left: .65rem;
}
.join .formbox .li.txt3 label{
	width: .8rem;
}
.join .formbox .li.txt3 input{
	padding-left: .8rem;
}
.join .formbox .li.txt4 label{
	width: 1.1rem;
}
.join .formbox .li.txt4 input{
	padding-left: 1.1rem;
}
.join .formbox .li.txt5 label{
	width: 1.7rem;
}
.join .formbox .li.txt5 input{
	padding-left: 1.7rem;
}
.join .formbox .li label{
	font-size: .2rem;
	position: absolute;
	top: 0;
	left: 0;
	line-height: .8rem;
	height: .8rem;
}
.join .formbox input,
.join .formbox select
{
	color: #666;
	font-size: .2rem;
	line-height: .8rem;
	width: 100%;
	height: .8rem;
	border: none;
	outline: none;
	box-sizing: border-box;
	background-color: transparent;
}
.join .formbox input::-webkit-input-placeholder{
	color: #666;
}
.join .formbox .layui-unselect{
	width: 100%;
}
.join .formbox  .product{
	align-items: inherit;
	padding-top: .35rem;
	flex-direction: column;
	margin-bottom: .15rem;
	border-bottom: none;
}
.join .formbox  .product h4{
	color: #333;
	font-size: .26rem;
	margin-bottom: .3rem;
}
.join .formbox  .product p{
	color: #666;
	font-size: .2rem;
	margin-bottom: .35rem;
}
.join .formbox  .product .checkbox {
	display: flex;
	flex-wrap: wrap;
}
.join .formbox  .product .checkbox input{
	position: static;
}
.join .formbox  .product .checkbox .layui-unselect{
	width: auto;
	margin-right: .25rem;
	margin-bottom: .25rem;
}
.join .formbox .verify{
	margin-bottom: .6rem;
	position: relative;
	border-bottom: 1px solid #d2d2d2;
}
.join .formbox .verify input{
	margin-bottom: 0;
}
.join .formbox .verify .img{
	width: 1.55rem;
	height: .55rem;
	position: absolute;
	right: 0;
	bottom: .14rem;
}
.join .formbox .verify .img img{
	width: 100%;
	height: 100%;
}
.join .formbox  button{
	color: #fff;
	font-size: .22rem;
	width: 100%;
	height: .8rem;
	outline: none;
	border: none;
	display: block;
	border-radius: .1rem;
	margin-bottom: .5rem;
	transition: all .5s;
	background-color: #434343;
}
.join .formbox  button:active{
	background-color: #585757;
}
.join .tips{
	color: #888;
	font-size: .2rem;
	line-height: .36rem;
}




.give{
	padding-top: .8rem;
	padding-bottom: 1.1rem;
}
.give .hd{
	padding: 0 .3rem;
	display: flex;
	box-sizing: border-box;
	background-color: #1f1f1f;
}
.give .hd li{
	color: #fff;
	font-size: .2rem;
	line-height: .7rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	height: .7rem; 
}
.give .hd li:nth-child(1){
	width: 2.6rem;
}
.give .hd li:nth-child(2){
	text-align: center;
	width: 2.1rem;
}
.give .hd li:nth-child(3){
	width: .5rem;
}
.give .list{
	background-color: #f1f1f1;
}
.give .list .hd{
	background-color: #f1f1f1;
}	
.give .list:nth-child(2n) .hd{
	background-color: #e4e4e4;
}
.give .list .hd li{
	color: #333;
}
.give .list .text{
	color: #222;
	font-size: .2rem;
	line-height: .38rem;
	padding: .45rem 0;
	margin: 0 .3rem;
	display: none;
	border-top: 1px solid #d2d2d2;
}
.give .list .text.on{
	display: block;
}




.fin{
	padding: .8rem 0;
	background-color: #f3f3f3;
}
.fin .list{
	font-size: 0;
	margin-bottom: .35rem;
	background-color: #fff;
}
.fin .list a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.fin .list .img{
	width: 100%;
	height: 3.6rem;
}
.fin .list .text{
	color: #888;
	font-size: .18rem;
	padding: .4rem .35rem;
	box-sizing: border-box;
}
.fin .list .text span{
	display: block;
	margin-bottom: .3rem;
}
.fin .list .text h4{
	color: #333;
	font-size: .24rem;
	line-height: .4rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin-bottom: .12rem;
}
.fin .list .text p{
	line-height: .34rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin-bottom: .4rem;
}
.fin .page{
	padding-top: .65rem;
	padding-bottom: .2rem;
}




.superior{
	padding: 1rem 0;
}
.superior  .pub_tit{
	text-align: center;
	margin-bottom: .3rem;
}
.superior  .text{
	color: #666;
	font-size: .2rem;
	line-height: .38rem;
	margin-bottom: .6rem;
}
.superior .img{
	width: 100%;
}




.bass{
	padding-bottom: 1rem;
}
.bass .bassimg{
	width: 100%;
	height: 4.5rem;
	margin-bottom: .55rem;
}
.bass .bassimg img{
	width: 100%;
	height: 100%;
}
.bass .text{
	color: #666;
	font-size: .2rem;
	line-height: .38rem;
	max-width: 5.8rem;
	margin: 0 auto;
	margin-bottom: .55rem;
}
.bass_slide{
	max-width: 5.8rem;
	margin: 0 auto;
}
.bass_slide .swiper-wrapper{
	margin-bottom: .8rem;
}
.bass_slide .swiper-slide{
	width: 100%;
	height: 3.9rem;
	position: relative;
}
.bass_slide .img{
	width: 100%;
	height: 100%;
}
.bass_slide h4{
	color: #fff;
	font-size: .2rem;
	line-height: .65rem;
	text-align: center;
	width: 100%;
	height: .65rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.3);
}




.store{
	padding: .8rem 0;
}
.store .pub_tit{
	margin-bottom: .3rem;
}
.store  .formbox{
	margin-bottom: .5rem;
}
.store  .formbox select,
.store  .formbox button
{
	line-height: .7rem;
	width: 100%;
	height: .7rem;
	border-radius: .5rem;
	outline: none;
	border: none;
	box-sizing: border-box;
	display: inline-block;
}
.store  .formbox select{
	color: #333;
	font-size: .2rem;
	padding: 0 .35rem;
	box-sizing: border-box;
	margin-bottom: .2rem;
	position: relative;
	background-color: #eee;
	appearance:none;
　　-moz-appearance:none;
　　-webkit-appearance:none;
	background-size: .15rem .1rem; 
	background-repeat: no-repeat;
	background-position: right .35rem center;
	background-image: url(../images/store_icon.png);
}
.store  .formbox button{
	color: #fff;
	font-size: .22rem;
	transition: all .5s;
	background-color: #1f1f1f;
}
.store .formbox button:hover{
	background-color: #333;
}
.store .list{
	padding: .2rem;
	box-sizing: border-box;
	margin-bottom: .2rem;
	background-color: #f1f1f1;
}
.store .list .img{
	width: 2.2rem;
	height: 1.6rem;
	float: left;
}
.store .list  .text{
	width: 2.8rem;
	float: right;
	padding-top: .25rem;
}
.store .list  .text h4{
	color: #888;
	font-size: .18rem;
	margin-bottom: .1rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.store .list  .text p{
	color: #333;
	font-size: .2rem;
	line-height: .36rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.store .page{
	padding-top: .75rem;
	padding-bottom: .2rem;
}




.service_menu ul{ 
	display: flex;
	flex-wrap: wrap;
	padding: .2rem 0 .1rem 0;
}
.service_menu ul li{
	text-align: center;
	width: 25%;
	margin-right: 0;
}
.service_menu ul li::after{
	display: none;
}




.service{
	padding: .8rem 0;
	background-color: #f3f3f3;
}
.service .listbox{
	margin-bottom: .7rem;
}
.service_listbox .list{
	margin-bottom: .7rem;
}
.service_listbox .list .tit{
	color: #333;
	padding-bottom: .2rem;
	margin-bottom: .15rem;
	border-bottom: 1px solid #dcdcdc;
}
.service_listbox .list .tit em{
	font-size: .4rem;
	font-weight: bold;
	font-style: italic;
	margin-right: .15rem;
	transition: all .5s;
	display: inline-block;
}
.service_listbox .list:hover .tit em{
	color: #2b5eab;
}
.service_listbox .list .tit h4{
	font-size: .26rem;
	display: inline-block;
}
.service_listbox .list p{
	color: #666;
	font-size: .2rem;
	line-height: .36rem;
}
.service  .img{
	width: 5.8rem;
	height: 5.8rem;
}
.service  .img img{
	width: 100%;
	height: 100%;
}




.service2{
	padding-bottom: .85rem;
	background-color: #f3f3f3;
}




.service_slide{
	max-width: 5.8rem;
	margin: 0 auto;
	margin-bottom: .9rem;
}
.service_slide .img{
	width: 100%;
	height: 3.9rem;
}
.service_slide .swiper-wrapper{
	margin-bottom: .3rem;
}
.service_slide  h4{
	color: #444;
	font-size: .2rem;
	text-align: center;
	line-height: .8rem;
	height: .8rem;
	transition: all .5s;
}
.service_slide  h4:active{
	color: #2b5eab;
}




.down{
	padding: .8rem 0;
}
.down .hd{
	padding: 0 .3rem;
	display: flex;
	box-sizing: border-box;
	background-color: #1f1f1f;
}
.down .hd li{
	color: #fff;
	font-size: .2rem;
	line-height: .7rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	height: .7rem; 
}
.down .hd li:nth-child(1){
	width: 2.6rem;
}
.down .hd li:nth-child(2){
	text-align: center;
	width: 2.1rem;
}
.down .hd li:nth-child(3){
	width: .5rem;
}
.down .listbox .list{
	color: #333;
	font-size: .2rem;
	line-height: .7rem;
	height: .7rem; 
}
.down .listbox .list{
	display: flex;
	padding: 0 .3rem;
	box-sizing: border-box;
	background-color: #f1f1f1;
}
.down .listbox .list div{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.down .listbox .list:nth-child(2n){
	background-color: #e4e4e4;
}
.down .listbox .list div:nth-child(1){
	width: 2.6rem;
}
.down .listbox .list div:nth-child(2){
	text-align: center;
	width: 2.1rem;
}
.down .listbox .list div:nth-child(3){
	width: .5rem;
}
.down .page{
	padding-top: .9rem;
	padding-bottom: .1rem;
}




.inc_banner .pro_menu{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	background-color: rgba(0, 0, 0, 0.3);
}
.inc_banner .pro_menu li{
	color: #fff;
	font-size: .2rem;
	line-height: .7rem;
	text-align: center;
	width: 25%;
	height: .7rem;
}
.inc_banner .pro_menu li.on{
	background-color: #2b5eab;
}




.pro_nav{
	background-color: #f1f1f1;
}
.pro_nav .list{
	border-bottom: 1px solid #d9d9d9;
}
.pro_nav .list:last-child{
	border-bottom: none;
}
.pro_nav ul{
	padding: .1rem .2rem;
	box-sizing: border-box;
}
.pro_nav ul li{
	color: #666;
	font-size: .2rem;
	line-height: .5rem;
	height: .5rem;
	margin-right: .3rem;
	display: inline-block;
	position: relative;
}
.pro_nav ul li:last-child{
	margin-right: 0;
}
.pro_nav ul li.on,
.pro_nav ul li:active
{
	color: #2b5eab;
	font-weight: bold;
}
/* .pro_nav ul li::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height: .04rem;
	transition: all .5s;
	background-color: #2b5eab;
} */
.pro_nav ul li.on::after,
.pro_nav ul li:hover::after{
	width: 100%;
}
.pro_nav ul li a{
	width: 100%;
	height: 100%;
	display: inline-block;
}




.pro_nav2{
	padding-top: .3rem;
}
.pro_nav2 .hd{
	display: flex;
	max-width: 6.4rem;
	padding:  0 .3rem;
	box-sizing: border-box;
	margin: 0 auto;
	border-bottom: 1px solid #dcdcdc;
}
.pro_nav2 .hd li{
	color: #666;
	font-size: .2rem;
	line-height: .7rem;
	width: 33.3%;
	height: .7rem;
	padding: 0 .55rem;
	box-sizing: border-box;
	position: relative;
}
.pro_nav2 .hd li:nth-child(3n){
	border-right: none;
}
.pro_nav2 .hd li.on{
	color: #2b5eab;
	font-weight: bold;
}
.pro_nav2 .hd li::after{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: .55rem;
	width: .14rem;
	height: .8rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/bottom_icon1.png);
}
.pro_nav2 .list{
	font-size: 0;
	display: none;
	padding-top: .2rem;
	box-sizing: border-box;
}
.pro_nav2 .list.on{
	display: block;
}
.pro_nav2 .list ul {
	max-width: 5.8rem;
	margin: 0 auto;
}
.pro_nav2 .list ul li{
	color: #666;
	font-size: .2rem;
	line-height: .65rem;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	width: 1.75rem;
	height: .65rem;
	margin-right: .25rem;
	margin-bottom: .2rem;
	display: inline-block;
	border-radius: .1rem;
	background-color: #eee;
}
.pro_nav2 .list ul li:nth-child(3n){
	margin-right: 0;
}
.pro_nav2 .list ul li.on{
	color: #2b5eab;
	border: 1px solid #2b5eab;
}
.pro_nav2 .list ul li a{
	width: 100%;
	height: 100%;
	display: inline-block;
}




.pro{
	padding-top: .4rem;
	padding-bottom: .5rem;
}
.pro .listbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.pro .listbox .list{
	width: 48%;
	margin-bottom: .3rem;
}
.pro .list a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.pro .list .img{
	width: 100%;
	height: 2.8rem;
	margin-bottom:.2rem;
}
.pro  .list  h4,
.pro  .list  p
{
	text-align: center;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.pro .list h4{
	font-size: .22rem;
	color:#333;
	margin-bottom:.1rem;
}
.pro .list p{
	font-size: .18rem;
	color:#a6a6a6
}
.pro .page{
	padding-top: .4rem;
	padding-bottom: .5rem;
}




.introduce{
	padding: .7rem 0;
	background-color: #f1f1f1;
}
.introduce_slide{
	width: 100%;
	height: 5.8rem;
	margin-bottom: .65rem;
}
.introduce_slide .swiper-pagination{
	bottom: .2rem;
}
.introduce_slide .swiper-pagination{
	color: #fff;
	font-size: .2rem;
	text-align: center;
	line-height: .45rem;
	width: .9rem;
	height: .45rem;
	border-radius: .5rem;
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	left: initial;
	right: .25rem;
}
.introduce .textbox h4{
	color: #000;
	font-size: .32rem;
	padding-bottom: .35rem;
	margin-bottom: .35rem;
	position: relative;
	border-bottom: 1px solid #c9c9c9;
}
.introduce .textbox h4::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: .8rem;
	height: 1px;
	background-color: #434343;
}
.introduce .textbox .text{
	color: #666;
	font-size: .2rem;
	line-height: .5rem; 
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: .4rem;
	margin-bottom: .4rem;
	position: relative;
	border-bottom: 1px solid #c9c9c9;
}
.introduce .textbox .text::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: .8rem;
	height: 1px;
	background-color: #434343;
}
.introduce .textbox .text p{
	width: 48%;
}
.introduce .textbox .text p  span{
	color: #333;
}
.introduce .textbox .agrop{
	width: 100%;
	padding-bottom: .7rem;
}
.introduce .textbox .agrop a{
	color: #888;
	font-size: .2rem;
	margin-right: .45rem;
	display: inline-block;
	transition: all .5s;
}
.introduce .textbox .agrop a:last-child{
	margin-right: 0;
}
.introduce .textbox .agrop a:active{
	color: #444;
}
.introduce .textbox .vrbtn{
	color: #fff;
	font-size: .2rem;
	line-height: .7rem;
	height: .7rem;
	padding: 0 .45rem;
	display: inline-block;
	border-radius: .5rem;
	transition: all .5s;
	background-color: #2b5eab;
}
.introduce .textbox .vrbtn:active{
	background-color: #2e67bc;
}




.details{
	padding: .8rem 0;
}
.details .pub_tit{
	text-align: center;
	margin-bottom: .45rem;
}
.details .textbox{
	color: #666;
	font-size: .2rem;
	line-height: .38rem;
}




.other{
	padding-top: .2rem;
	padding-bottom: .4rem;
}
.other .pub_tit{
	text-align: center;
	margin-bottom: .5rem;
}
.other .listbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.other .listbox .list{
	width: 48%;
	margin-bottom: .2rem;
}
.other .list a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.other .list .img{
	width: 100%;
	height: 2.8rem;
	margin-bottom: .2rem;
}
.other  .list  h4,
.other  .list  p
{
	text-align: center;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.other .list h4{
	font-size: .22rem;
	color:#333;
	margin-bottom:.1rem;
}
.other .list p{
	font-size: .18rem;
	color:#a6a6a6
}



.panoramic{
	padding: .8rem 0;
	background-color: #f1f1f1;
}
.panoramic .pub_tit{
	text-align: center;
	margin-bottom: .5rem;
}
.panoramic_slide{
	position: relative;
}
.panoramic_slide .swiper-wrapper{
	margin-bottom: .9rem;
}
.panoramic_slide .img{
	width: 100%;
	height: 3.85rem;
}
.panoramic_slide .text{
	text-align: center;
	padding: .35rem;
	box-sizing: border-box;
	border-bottom: 1px solid #d2d2d2;
}
.panoramic_slide .text h4{
	color: #000;
	font-size: .24rem;
	margin-bottom: .15rem;
}
.panoramic_slide .text p{
	color: #666;
	font-size: .2rem;
}
.panoramic_slide .mask{
	color: #fff;
	font-size: .2rem;
	line-height: .5rem;
	height: .5rem;
	padding: 0 .25rem;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
}




.mix{
	padding-top: .9rem;
	padding-bottom: .5rem;
}
.mix .pub_tit{
	text-align: center;
	margin-bottom: .55rem;
}
.mix .listbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.mix .listbox .list{
	text-align: center;
	width: 48%;
	margin-bottom: .45rem;
}
.mix .listbox .list .img{
	width: 100%;
	height: 2.8rem;
	margin-bottom: .25rem;
	border: 1px solid #dcdcdc;
}
.mix .listbox .list  h4,
.mix .listbox .list  p
{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.mix .listbox .list  h4{
	color: #000;
	font-size: .18rem;
}
.mix .listbox .list p{
	color: #666;
	font-size: .18rem;
}



.loginbox{
	width: 100%;
	height: 8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/loginbg.jpg);
}
.loginbox .login{
	width: 5.1rem;
	box-sizing: border-box;
}
.loginbox .login h2{
	color: #333;
	font-size: .26rem;
	text-align: center;
	margin-bottom: .5rem;
}
.loginbox .login .formbox{
	margin-bottom: .3rem;
}
.loginbox .login input{
	color: #888;
	font-size: .2rem;
	width: 100%;
	height: .8rem;
	padding: 0 .3rem;
	box-sizing: border-box;
	display: block;
	border: none;
	outline: none;
	border-radius: .5rem;
	margin-bottom: .2rem;
	border: 1px solid #dcdcdc;
}
.loginbox .login input::-webkit-input-placeholder{
	color: #888;
}
.loginbox .login input:focus{
	border: 1px solid #7d7d7d;
}
.loginbox .login button{
	color: #fff;
	font-size: .2rem;
	width: 100%;
	height: .8rem;
	border: none;
	outline: none;
	display: block;
	margin-top: .3rem;
	margin-bottom: .3rem;
	border-radius: .5rem;
	transition: all .5s;
	background-color: #2b5fab;
}
.loginbox .login button:active{
	background-color: #2f66b7;
}
.loginbox .login p{
	color: #888;
	font-size: .18rem;
	line-height: .28rem;
	text-align: center;
}