@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);}




/* 公共代码 */
@font-face {
	font-family: 'syht-lg';
	src: url('../fonts/SourceHanSansCN-Light.otf');
}
@font-face {
	font-family: 'syht-md';
	src: url('../fonts/SourceHanSansCN-Medium.otf');
}
@font-face {
	font-family: 'syht-rg';
	src: url('../fonts/SourceHanSansCN-Regular.otf');
}




.ibanner,
.inc_banner
{
	font-size: 0;
}
.ibanner img,
.inc_banner img
{
	width: 100%;
}




.swiper .swiper-button-prev,
.swiper .swiper-pagination-bullet,
.swiper .swiper-button-next
{
	opacity: 1;
	border: none;
	outline: none;
}
.swiper .swiper-button-prev,
.swiper .swiper-button-next
{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
}
.swiper .swiper-button-prev{
	left: 0;
}
.swiper .swiper-button-next{
	right: 0;
}
.swiper .swiper-button-prev::after,
.swiper .swiper-button-next::after
{
	content: '';
}




.pub_slide .slidebtnbox{
	text-align: center;
}
.pub_slide .slidebtngrop{
	display: inline-block;
}
.pub_slide .btngrop{
	display: flex;
	align-items: center;
}
.pub_slide .btngrop .swiper-button-prev,
.pub_slide .btngrop .swiper-pagination,
.pub_slide .btngrop .swiper-button-next
{
	position: static;
}
.pub_slide .btngrop .swiper-button-prev,
.pub_slide .btngrop .swiper-button-next
{
	width: .1rem;
	height: .15rem;
	margin-top: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
}
.pub_slide .btngrop .swiper-button-prev{
	background-image: url(../images/pub_prev.png);
}
.pub_slide .btngrop .swiper-button-next{
	background-image: url(../images/pub_next.png);
}
.pub_slide .btngrop .swiper-button-prev::after,
.pub_slide .btngrop .swiper-button-next::after
{
	content: '';
}
.pub_slide .btngrop .swiper-pagination{
	width: auto;
	margin: 0 .27rem;
	display: inline-block;
	box-sizing: border-box;
}
.pub_slide .btngrop .swiper-pagination-bullet{
	width: .12rem;
	height: .12rem;
	margin: 0 .08rem!important;
	background-color: #dcdcdc;
}
.pub_slide .btngrop .swiper-pagination-bullet-active{
	background-color: #f1b12b;
}




.ipub_tit{
	color: #222;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ipub_tit h2{
	font-size: .3rem;
	font-family: 'syht-md';
}
.ipub_tit .more{
	font-size: .22rem;
	padding-right: 25px;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
}
.ipub_tit .more::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -.09rem;
	right: 0;
	width: .1rem;
	height: .18rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/arrow.png);
}




.pub_tit h2{
	color: #333;
	font-size: .3rem;
	text-align: center;
	font-family: 'syht-md';
}




.bg{
	background-color: #f2f2f2;
}




.pub_search{
	max-width: 5.9rem;
	margin: 0 auto;
	border-radius: .5rem;
	overflow: hidden;
	position: relative;
}
.pub_search input,
.pub_search button
{
	border: none;
	outline: none;
	display: block;
}
.pub_search input{
	color: #888;
	font-size: .2rem;
	width: 100%;
	height: .65rem;
	padding-left: 2.65rem;
	box-sizing: border-box;
	background-color: #f2f2f2;
}
.pub_search button{
	width: .26rem;
	height: .26rem;
	position: absolute;
	top: 50%;
	margin-top: -.13rem;
	left: 2.25rem;
    background-color: transparent;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/search.png);
}




.pub_menu{
	margin-top: .1rem;
}
.pub_menu ul{
	border-bottom: .03rem solid #d9d9d9;
}
.pub_menu li{
	color: #000;
	font-size: .26rem;
	text-align: center;
	line-height: .7rem;
	width: 50%;
	height: .7rem;
	float: left;
	position: relative;
}
.pub_menu li::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -.03rem;
	width: 100%;
	height: .03rem;
	display: none;
	background-color: #f8e471;
}
.pub_menu li.on::after,
.pub_menu li:active::after
{
	display: block;
}
.pub_menu li a{
	width: 100%;
	height: 100%;
	display: inline-block;
}




.page{
	text-align: center;
	padding:.4rem 0;
}
.page .pagination{
	display: inline-block;
}
.page .pagination li{
	float: left;
	width: .5rem;
	height: .5rem;
	line-height: .5rem;
	font-size: .18rem;
	color: #666;
	margin:0 .05rem;
	border: 1px solid #eee;
	background-color: #fff;
}
.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;
	border: 1px solid #c33930;
	background-color: #c33930;
}




.pillar{
	height: .8rem;
}
.header{
	text-align: center;
	width: 100%;
	max-width: 6.4rem;
	height: .8rem;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 99;
	box-sizing: border-box;
	border-bottom: 1px solid #dcdcdc;
	background-color: #fff;
}
.header .return,
.header .menu
{
	height: .3rem;
	margin-top: .25rem;
	display: block;
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
}
.header .return{
	width: .2rem;
	float: left;
	background-image: url(../images/return.png);
}
.header h1{
	width: 1rem;
    height: .4rem;
	margin-top: .2rem;
	display: inline-block;
	background-size: contain; 
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/logo.png);
}
.header h1 a{
	width:100%;
	height:100%;
	display:inline-block;
	text-indent: -9999px;
}
.header .menu{
	width: .35rem;
	float: right;
	background-image: url(../images/menu.png);
}




.menubar{
	color: #fff;
	width: 3.8rem;
	height: 100%;
	padding-top: .3rem;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	right: -3.8rem;
	z-index: 100;
	transition: all .5s;
	background-color: #000;
}
.menubar.on{
	right: 0;
}
.menubar  .close{
	width: .3rem;
	height: .3rem;
	float: right;
	display: block;
	margin: 0 .3rem .3rem 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/close.png);
}
.menubar ul li{
	font-size: .24rem;
	line-height: .65rem;
}
.menubar ul li:active{
	color: #666;
}
.menubar ul li a{
	width: 100%;
	height: 100%;
	padding: 0 .4rem;
	box-sizing: border-box;
	display: inline-block;
}




.ftpillar{
	height: 1.05rem;
}
.footer{
	width: 100%;
	max-width: 6.4rem;
	height: 1.05rem;
	margin: 0 auto;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	box-sizing: border-box;
	background-color: #fff;
}
.footer .list{
	width: 25%;
	height: 100%;
	float: left;
	text-align: center;
	padding-top: .15rem;
	box-sizing: border-box;
}
.footer .list i {
	width: .35rem;
	height: .35rem;
	margin: 0 auto;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
}
.footer .list:nth-child(1) i {
	background-image: url(../images/ftbtn_icon1.png);
}
.footer .list:nth-child(2) i {
	background-image: url(../images/ftbtn_icon2.png);
}
.footer .list:nth-child(3) i {
	background-image: url(../images/ftbtn_icon3.png);
}
.footer .list:nth-child(4) i {
	background-image: url(../images/ftbtn_icon4.png);
}
.footer .list:nth-child(1).on i{
	background-image: url(../images/ftbtn_icon11.png);
}
.footer .list:nth-child(2).on i{
	background-image: url(../images/ftbtn_icon22.png);
}
.footer .list:nth-child(3).on i{
	background-image: url(../images/ftbtn_icon33.png);
}
.footer .list:nth-child(4).on i{
	background-image: url(../images/ftbtn_icon44.png);
}
.footer .list h4{
	color: #666;
	font-size: .2rem;
	margin-top: .08rem;
}
.footer .list.on h4{
	color: #333;
}



.ibanner .swiper-pagination{
	bottom: .45rem;
}
.ibanner .swiper-pagination-bullet{
	width: .12rem;
	height: .12rem;
	margin: 0 .08rem!important;
	background-color: rgba(255,255,255,0.4);
}
.ibanner .swiper-pagination-bullet-active{
	background-color: #fff;
}




.ipro{
	padding: .65rem 0;
}
.ipro h4{
	color: #222;
	font-size: .25rem;
	font-family: 'syht-rg';
	line-height: .55rem;
	height: .55rem;
	position: relative;
}
.ipro h4::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: .5rem;
	height: .02rem;
	background-color: #494949;
}
.ipro .bgpro,
.ipro .listbox .list
{
	position: relative;
	border-radius: .12rem;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left center;
}
.ipro .bgpro{
	width: 2.9rem;
	height: 3.1rem;
	float: left;
	background-image: url(../images/iprobg1.jpg);
}
.ipro .bgpro a,
.ipro .list a
{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: inline-block;
}
.ipro .bgpro a{
	padding: .5rem .2rem;
}
.ipro .bgpro .img{
	text-align: left;
	width: 2.7rem;
	height: 1.5rem;
	position: absolute;
	left: 0;
	bottom: .25rem;
}
.ipro .listbox{
	width: 2.9rem;
	float: right;
}
.ipro .listbox .list{
	height: 1.5rem;
	margin-bottom: .1rem;
	background-image: url(../images/iprobg2.jpg);
}
.ipro .listbox .list:last-child{
	margin-bottom: 0;
}
.ipro .list a{
	padding: .4rem .2rem .4rem .2rem;
}
.ipro .list .img{
	text-align: right;
	width: 1.7rem;
	height: 1rem;
	position: absolute;
	right: 0;
	bottom: .25rem;
}




.ivideo{
	max-width: 6.4rem;
	margin: 0 auto;
	padding: .1rem 0 .4rem 0;
}
.ivideo .ipub_tit{
	padding:  0 .25rem;
	box-sizing: border-box;
}
.ivideo_slide{
	margin: .3rem 0 0 .25rem;
}
.ivideo_slide .swiper-slide{
	width: 2.8rem;
	border-radius: .15rem;
	overflow: hidden;
}
.ivideo_slide .img{
	height: 1.5rem;
	position: relative;
}
.ivideo_slide .img::after{
	content: '';
	position: absolute;
	left: .15rem;
	bottom: .12rem;
	width: .4rem;
	height: .4rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/play.png);
}
.ivideo_slide h4{
	color: #222;
	font-size: .2rem;
	text-align: center;
	line-height: .55rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	height: .55rem;
	padding: 0 .1rem;
	box-sizing: border-box;
	background-color: #fff;
}




.icase{
	padding-top: .4rem;
}
.icase .hd{
	margin-top: .15rem;
}
.icase .hd li{
	color: #222;
	font-size: .22rem;
	line-height: .6rem;
	height: .6rem;
	float: left;
	margin-right: .5rem;
	position: relative;
}
.icase .hd li:last-child{
	margin-right: 0;
}
.icase .hd li.on{
	color: #fbd005;
	font-size: .25rem;
	font-weight: bold;
}
.icase .hd li::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	width: 0;
	height: .05rem;
	transition: all .5s;
	background-color: #fbd005;
}
.icase .hd li.on::after{
	width: .5rem;
}
.icase .listbox{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-top: .3rem;
}
.icase .listbox .list{
	width: 2.85rem;
	margin-bottom: .4rem;
	border-radius: .15rem;
	overflow: hidden;
}
.icase .list .img{
	height: 1.6rem;
}
.icase .list h4{
	color: #222;
	font-size: .2rem;
	text-align: center;
	line-height: .55rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	height: .55rem;
	padding: 0 .1rem;
	box-sizing: border-box;
	background-color: #fff; 
}




.pub_news .listbox .list{
	border-radius: .15rem;
	overflow: hidden;
}
.pub_news .list .img{
	height: 3.3rem;
}
.pub_news .list h4{
	color: #222;
	font-size: .24rem;
	/* font-family: 'syht-md'; */
	line-height: .9rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	height: .9rem;
	padding: 0 .3rem;
	box-sizing: border-box;
	background-color: #fff; 
}




.inews{
	padding: .35rem  0;
}
.inews .listbox{
    margin-top: .35rem;
}
.inews .listbox .list{
	margin-bottom: .2rem;
}




.about{
	padding: .65rem 0 .5rem 0;
}
.about .text{
	color: #666;
	font-size: .2rem;
	line-height: .4rem;
    margin-top: .25rem;
}
.abv_slide{
	margin-top: .55rem;
}
.abv_slide .swiper-wrapper{
	margin-bottom: .45rem;
}
.abv_slide .img{
	height: 3.5rem;
	position: relative;
}
.abv_slide .img::after{
	content: '';
	position: absolute;
	left: .25rem;
	bottom: .22rem;
	width: .6rem;
	height: .6rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/abplay.png);
}




.contact{
	padding: .5rem 0 .4rem 0;
}
.contact .connav{
	text-align: center;
	margin-bottom: .55rem;
}
.contact .connav li{
	color: #222;
	font-size: .22rem;
	text-align: center;
	/* font-family: 'syht-md'; */
	line-height: .45rem;
	width: .9rem;
	height: .45rem;
	border-radius: .08rem;
	margin-right: .3rem;
	display: inline-block;
}
.contact .connav li:last-child{
	margin-right: 0;
}
.contact .connav li.on{
	background-color: #f8e471;
}
.contact .listbox .list{
	padding-bottom: .3rem;
	margin-bottom: .3rem;
	box-sizing: border-box;
	border-bottom: 1px solid #e5e5e5;
}
.contact .listbox .list:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.contact .list .img,
.contact .list .text
{
	float: left;
}
.contact .list .img{
	width: 1.85rem;
	height: 1.1rem;
	margin-right: .25rem;
}
.contact .list .text{
	font-size: .2rem;
	/* font-family: 'syht-md'; */
	width: 2.45rem;
	min-height: 1rem;
}
.contact .list .text h4{
	color: #222;
	margin-bottom: .05rem;
}
.news .list .text p{
	color: #666;
	line-height: .32rem;
}
.contact .list .agrop{
	width: 1.15rem;
	float: right;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.contact .list .agrop a{
	width: .5rem;
	height: .5rem;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
}
.contact .list .agrop .address{
	background-image: url(../images/con_icon1.png);
}
.contact .list .agrop .phone{
	background-image: url(../images/con_icon2.png);
}




.pub_video .listbox{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.pub_video .listbox .list{
	width: 2.85rem;
	border-radius: .1rem;
	overflow: hidden;
	margin-bottom: .3rem;
}
.pub_video .list .img{
	height: 1.6rem;
	position: relative;
}
.pub_video .list .img::after{
	content: '';
	position: absolute;
	left: .15rem;
	bottom: .12rem;
	width: .4rem;
	height: .4rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/play.png);
}
.pub_video .list h4{
	color: #222;
	font-size: .2rem;
	text-align: center;
	line-height: .55rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	height: .55rem;
	padding: 0 .1rem;
	box-sizing: border-box;
	background-color: #fff;
}




.video{
	padding: .5rem 0 .2rem 0;
}




.news_search{
	margin-top: .25rem;
}




.newsnav{
	margin-top: .2rem;
}
.news_slide{
	margin-left: .25rem;
}
.news_slide .swiper-slide{
	color: #222;
	font-size: .2rem;
	text-align: center;
	font-family: 'syht-rg';
	line-height: .5rem;
	width: 1.1rem;
	height: .5rem;
	border-radius: .1rem;
}
.news_slide .swiper-slide.on{
	background-color: #f8e471;
}
.news_slide .swiper-slide a{
	width: 100%;
	height: 100%;
	display: inline-block;
}




.news{
	padding: .4rem 0 .5rem 0;
	margin-top: .2rem;
}
.news .listbox .list{
	margin-bottom: .5rem;
}
.news .listbox .list:last-child{
	margin-bottom: 0;
}




.newsv{
	padding: .5rem 0;
}
.newsv .tit{
	margin-bottom: .35rem;
}
.newsv .tit h2{
	color: #222;
	font-size: .25rem;
	margin-bottom: .15rem;
}
.newsv .tit span{
	color: #aeadad;
	font-size: .2rem;
}
.newsv .text{
	color: #222;
	font-size: .2rem;
	line-height: .36rem;
}




.pub_seek{
	min-height: 12.1rem;
	padding-top: .5rem;
	box-sizing: border-box;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/seekbg.jpg);
}
.pub_seek .tit{
	text-align: center;
	margin-bottom: .45rem;
}
.pub_seek .tit i{
	width: 2.75rem;
	height: .7rem;
	display: block;
	margin: 0 auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/seek_icon.png);
}
.pub_seek .tit h2{
	color: #fff;
	font-size: .27rem;
	margin-top: .25rem;
}
.pub_seek .formbox{
	border-radius: .12rem;
	overflow: hidden;
}
.pub_seek .formbox .search,
.pub_seek .formbox button
{
	float: left;
}
.pub_seek .formbox .search input,
.pub_seek .formbox button
{
	color: #fff;
	height: .7rem;
	border: none;
	outline: none;
}
.pub_seek .formbox .search{
	width: 4.45rem;
	position: relative;
}
.pub_seek .formbox .search i{
	width: .24rem;
	height: .24rem;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -.12rem;
	left: .2rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/search2.png);
}
.pub_seek .formbox .search input{
	font-size: .2rem;
	width: 100%;
	padding-left: .65rem;
	box-sizing: border-box;
	display: inline-block;
	background-color: #4d4d4d;
}
.pub_seek .formbox .search input::-webkit-input-placeholder{
	color: #fff;
}
.pub_seek .formbox button{
	font-size: .22rem;
	width: 1.45rem;
	background-color: #30abe6;
}
.pub_seek .formbox button:hover{
	cursor: pointer;
	background-color: #2ea0d7;
}





.seek .text{
	color: #fff;
	font-size: .24rem;
	line-height: .42rem;
	margin-top: .55rem;
}




.seek2 .text{
	color: #fff;
	font-size: .24rem;
	padding-bottom: .35rem;
	margin-top: .25rem;
	border-radius: .12rem;
	background-color: #40484e;
}
.seek2 .text h4,
.seek2 .text .txt,
.seek2 .text .more
{
	padding: 0 .2rem;
	box-sizing: border-box;
}
.seek2 .text h4{
	line-height: .65rem;
	height: .65rem;
	box-sizing: border-box;
	border-bottom: 1px solid #5a5b5d;
}
.seek2 .text .txt{
	line-height: .6rem;
	margin-top: .1rem;
}
.seek2 .text .txt span,
.seek2 .text .txt em
{
	float: left;
	display: block;
}
.seek2 .text .txt span{
	color: #959595;
	width: 1.6rem; 
}
.seek2 .text .txt em{
	width: 3.9rem;
	word-wrap: break-word;
    word-break: normal;
}




.seek3{
	padding: .5rem 0 .9rem 0;
	background-color: #283139;
}
.seek3 h2{
	color: #30abe6;
	font-size: .27rem;
	margin-bottom: .35rem;
}
.seek3 .listbox .list{
	color: #fff;
	font-size: .24rem;
	margin-bottom: .3rem;
}
.seek3 .listbox .list:last-child{
	margin-bottom: 0;
}
.seek3 .list h4{
	padding-left: .4rem;
	position: relative;
	margin-bottom: .25rem;
}
.seek3 .list h4::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -.15rem;
	left: 0;
	width: .3rem;
	height: .3rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/seek3_icon.png);
}
.seek3 .list .txt{
	padding: .2rem .35rem;
	box-sizing: border-box;
	background-color: #40484e;
}
.seek3 .list .txt li{
	line-height: .6rem;
}
.seek3 .list .txt li span,
.seek3 .list .txt li em
{
	float: left;
	display: block;
}
.seek3 .list .txt li span{
	color: #959595;
	width: 1.6rem;
}
.seek3 .list .txt li em{
	width: 3.6rem;
}
.seek3 .illustrate .txt{
	line-height: .6rem;
	width: 100%;
	padding: .3rem .35rem;
	box-sizing: border-box;
}



.contact2_menu{
	margin-top: .1rem;
}
.contact2{
	padding: .2rem 0 .55rem 0;
}
.contact2 .text{
	color: #666;
	font-size: .2rem;
	line-height: .4rem;
}




.sbarpillar{
	height: 1.05rem;
}
.sharebar{
	color: #222;
	font-size: .2rem;
	width: 100%;
	max-width: 6.4rem;
	height: 1.05rem;
	margin: 0 auto;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	padding: .2rem 0;
	box-sizing: border-box;
	background-color: #f2f2f2;
}
.sharebar .share{
	float: left;
	display: block;
	padding-top: .34rem;
	margin-top: .05rem;
	margin-left: .3rem;
	position: relative;
}
.sharebar .share::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: .3rem;
	height: .3rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/share.png);
}
.sharebar .agrop{
	float: right;
}
.sharebar .agrop a{
	line-height: .65rem;
	width: 2.15rem;
	height: .65rem;
	float: left;
	padding-left: .85rem;
	box-sizing: border-box;
	margin-right: .15rem;
	position: relative;
	border-radius: .5rem;
}
.sharebar .agrop a:last-child{
	margin-right: 0;
}
.sharebar .agrop a:nth-child(1){
	border: .02rem solid #e2e2e2;
}
.sharebar .agrop a:nth-child(2){
	background-color: #f8e471;
}
.sharebar .agrop a::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -.14rem;
    left: .45rem;
	width: .28rem;
	height: .28rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
}
.sharebar .agrop a:nth-child(1):after{
    background-image: url(../images/postin.png);
}
.sharebar .agrop a:nth-child(2):after{
	background-image: url(../images/phone2.png);
}




.contact3_menu{
	margin-top: .15rem;
}
.contact3{
	padding: .3rem 0 .15rem 0;
}




.pro{
	padding: .5rem 0;
	box-sizing: border-box;
}
.pro .listbox .list{
	height: 2.65rem;
	margin-bottom: .3rem;
	border-radius: .15rem;
	box-shadow: 0px 0px .05rem .05rem  #ececec;
	background-color: #fff;
}
.pro .listbox .list:last-child{
	margin-bottom: 0;
}
.pro .list a{
	width: 100%;
	height: 100%;
	padding: .35rem .25rem .35rem .35rem;
	box-sizing: border-box;
	display: inline-block;
}
.pro .list .text{
	width: 2.45rem;
	float: left;
}
.pro .list .text h4{
	color: #222;
	font-size: .28rem;
	font-family: 'syht-md';
	margin-bottom: .1rem;
}
.pro .list .text p{
	color: #888;
	font-size: .2rem;
	line-height: .34rem;
}
.pro .list .text em{
	color: #333;
	font-size: .2rem;
	text-align: center;
	font-family: 'syht-md';
	line-height: .5rem;
	width: 1.3rem;
	height: .5rem;
	display: block;
	margin-top: .2rem;
	transition: all .5s;
	border-radius: 50px;
	background-color: #f8e471;
}
.pro .list .text em:active{
	background-color: #f0dd6e;
}
.pro .list .img{
	width: 2.4rem;
	height: 1.5rem;
	float: right;
	margin-top: .05rem;
}




.prov{
	padding: .15rem 0 .65rem 0;
}
.prov .text{
	color: #666;
	font-size: .2rem;
	line-height: .4rem;
}




.prov2{
	padding: .4rem 0 .15rem 0;
}




.case{
	padding: .45rem 0;
}
.case .itembox .item{
	padding: .35rem .4rem .15rem .4rem;
	box-sizing: border-box;
	margin-bottom: .25rem;
	border-radius: .15rem;
	background-color: #fff;
}
.case .item h4{
	color: #222;
	font-size: .25rem;
	font-family: 'syht-md';
	margin-bottom: .25rem;
}
.case .item .listbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.case .listbox .list{
	width: 2.4rem;
	height: 1.8rem;
	margin-bottom: .3rem;
	border-radius: .12rem;
	overflow: hidden;
	position: relative;
}
.case .list p{
	color: #fff;
	font-size: .18rem;
	text-align: center;
	line-height: .4rem;
	white-space:nowrap;
	height: .4rem;
	display: inline-block;
	padding: 0 .2rem;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border: .02rem solid #fff;
}




.casev{
	padding: .35rem 0;
}
.casev .pub_tit{
	text-align: center;
	margin-bottom: .35rem;
}
.casev .pub_tit h2{
	margin-bottom: .1rem;
}
.casev .pub_tit span{
	color: #aeadad;
	font-size: .2rem;
}
.casev .text{
	color: #666;
    font-size: .2rem;
    line-height: .4rem;
}




.related{
	padding-top: .25rem;
}
.related .pub_tit{
	margin-bottom: .3rem;
}
.related .pub_tit h2{
	text-align: left;
}
.related .listbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.related .listbox .list{
	width: 2.85rem;
	margin-bottom: .5rem;
}
.related .list .img{
	height: 1.6rem;
	border-top-left-radius: .12rem;
	border-top-right-radius: .12rem;
	overflow: hidden;
}
.related .list h4{
	color: #222;
	font-size: .2rem;
	text-align: center;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	padding: 0 .1rem;
	box-sizing: border-box;
	margin-top: .15rem;
}




.casepillar{
	height: 1.05rem;
}
.caseshare{
	max-width: 6.4rem;
	height: 1.05rem;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	padding: .2rem 0;
	box-sizing: border-box;
	background-color: #f2f2f2;
}
.caseshare .agrop{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.caseshare .agrop a{
	color: #222;
	font-size: .2rem;
	font-family: 'syht-md';
	line-height: .65rem;
	height: .65rem;
	display: block;
	box-sizing: border-box;
	border-radius: .5rem;
	position: relative;
}
.caseshare .agrop .share{
	width: 2.3rem;
	padding-left: 1.15rem;
	background-color: #fff;
}
.caseshare .agrop .collect{
	width: 3.45rem;
	padding-left: 1.35rem;
	background-color: #f8e471;
}
.caseshare .agrop a::after{
	content: '';
	position: absolute;
	top: 50%;
	width: .3rem;
	height: .3rem;
	transform: translateY(-50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
}
.caseshare .agrop .share::after{
	left: .75rem;
	background-image: url(../images/share.png);
}
.caseshare .agrop .collect::after{
	left: 1rem;
	background-image: url(../images/collect.png);
}




.case2_search{
	margin-top: .25rem;
}
.case2nav{
	margin: .3rem 0 .1rem 0;
}
.case2nav ul li{
	color: #222;
	font-size: .22rem;
	text-align: center;
	line-height: .5rem;
	width: 33.3%;
	height: .5rem;
	float: left;
}
.case2nav ul li span,
.case2nav ul li i
{
	display: inline-block;
}
.case2nav ul li i{
	width: .18rem;
	height: .1rem;
	margin-left: .1rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/case_icon.png);
}




.case2{
	padding: .45rem 0 .1rem 0;
}
.case2 .listbox{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.case2 .listbox .list{
	width: 2.85rem;
	border-radius: .12rem;
	overflow: hidden;
	margin-bottom: .45rem;
}
.case2 .list .img{
	height: 1.6rem;
}
.case2 .list h4{
	color: #222;
	font-size: .2rem;
	text-align: center;
	line-height: .55rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	height: .55rem;
	padding: 0 .1rem;
	box-sizing: border-box;
	background-color: #fff;
}




.picker{
	max-width: 6.4rem;
	z-index: 999;
	padding: .5rem .4rem .7rem .4rem;
	box-sizing: border-box;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	display: none;
	border-top-left-radius: .15rem;
	border-top-right-radius: .15rem;
	background-color: #fff;
}
.picker.on{
	display: block;
}
.pickbox{
	height: 2.1rem;
	padding-top: .6rem;
	box-sizing: border-box;
	overflow: hidden;
}
.pick_slide{
	height: .7rem;
	display: none;
	overflow: visible;
	box-sizing: border-box;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
}
.pick_slide.on{
	display: block;
}
.pick_slide .swiper-slide{
	color: #666;
	font-size: .22rem;
	text-align: center;
	height: 100%!important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
.pick_slide .swiper-slide-active{
	color: #222;
}
.picker .btngrop{
	width: 3.7rem;
	margin: 0 auto;
	margin-top: .3rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.picker .btngrop span{
	font-size: .22rem;
	text-align: center;
	line-height: .6rem;
	width: 1.7rem;
	height: .6rem;
	display: block;
	border-radius: .1rem;
}
.picker .btngrop .qx{
	color: #05AE57;
	background-color: #efefef;
}
.picker .btngrop .qd{
	color: #fff;
	background-color: #07C160;
}
.pikmask{
	width: 100%;
	max-width: 6.4rem;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: none;
	background-color: rgba(0,0,0,0.5);
}
.pikmask.on{
	display: block;
}