@font-face {
	font-family: 'siyuan';
	src: url("SourceHanSansCN-Regular.eot");
	src: url("SourceHanSansCN-Regular.eot?#iefix") format('embedded-opentype'), url("SourceHanSansCN-Regular.woff") format("woff"), url("SourceHanSansCN-Regular.ttf") format("truetype"), url("SourceHanSansCN-Regular.svg#DINCondRegular") format("svg");
}
.w-95{width: 95%}
.w-90{width: 90%}
.w-80{width: 80%}
.w-85{width: 85%}
.w-60{width: 60%}

body{margin: 0px;padding: 0px;font-family:"siyuan"; background: #ededed}
img{border: 0px;width:100%; height: auto}
h3{font-size: 22px}
h3 span{font-size: 14px;margin-left:30px}
/*顶部*/
.head{background: url(../images/index/headbg.png) bottom;padding: 1% 0px;width: 100%;height: auto; position: relative;z-index: 100000}
.nav-item{position: relative;}
.navbar-nav .nav-link{color: #fff; font-size: 18px}
.show .nav-link, .active .nav-link {
	color: var(--shenlan)
}
.dropdown-item{color:var(--shenlan);width: 90%;margin:0px auto;overflow: hidden;padding: 0.5rem 0px; text-align: center}

.dropdown-menu{background:rgba(255,255,255,0.4);border-radius: 0px; border:0px; min-width:100px;left:-6px;width:100px;border-radius: 15px; }
.dropdown-item:hover{color:var(--white);background: none;border-bottom: 1px solid var(--white)}
.banner{width:100%;padding: 0px}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background:#fff;opacity:1;width:8px}

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{background: #000}

/*首页咖啡革新*/
.kfgxbg{ background: url(../images/index/gxbg01.png) no-repeat left #ededed;padding: 0% 0px 0px}
.kfgx01{background: url(../images/index/gxbg02.png) no-repeat right;padding: 0px}
.kfgx02{color:var(--blue);text-align: center; font-size: 3rem;font-weight: bold}

/*首页介绍*/
.syjj{padding: 0px;background: url(../images/index/syjjbg.png) no-repeat;background-size: 100% 100%; color: var(--white)}
.syjj01{width:100%;}
.syjj02{color: var(--white); font-size: 2.4rem; font-weight: bold;}
/*咖实力*/
.ksl{background: url(../images/index/kslbg.png) no-repeat; background-size: cover;padding: 0px;position: relative}
.ksl01{position: absolute; bottom: 0px;}

/*首页资讯*/
.syzx{background: url(../images/index/cyzxbg.png) bottom #ededed no-repeat; padding: 0px;background-size: 100%}
.syzx .list-group-item{border: 0px; background: none; border-bottom: 1px dashed var(--gray);font-size: 1.2rem;color: var(--gray);padding:7px 0px }

/*底部*/
.footbg{background:#434343;padding: 2% 0px;color: #fff}
.footlink{border-top:1px solid #fff; border-bottom: 1px solid #fff;margin: 5px auto 0px}
.footnr{border:1px solid #fff;position: relative}
.footnr input{border:0px; background: none;border-bottom:1px solid #fff;color: white}
.footnr input::placeholder,  .footnr textarea::placeholder {
color:#fff;border: 0px
}
.footnr input:blur{border: 0px;}
.footnr textarea{background: none;border: none;color: white}
.footnr .tijiao{background: #fff;
    color: #000;
    position: absolute;
    bottom: 0px;
    right: 0px;}
.footlink a{color: #fff;text-decoration: none}
.footlink a:hover{color: #e9d99c}

/*创业优势*/
.cyysbg{background: url(../images/cyys/cyys1bg.png) no-repeat bottom #ededed;}
.cyys01{background: url(../images/cyys/btbg.png) no-repeat; background-size:100% 100%; color: var(--blue);}

.cyys2bg{background: url(../images/cyys/lanbg.png) no-repeat; background-size: cover}
.cyys301{width:100%;height: auto;overflow: hidden; position: relative; line-height: 50px;z-index: 222;}
.cyys301 span{color:var(--blue);width:48px;height: 48px;background: url(../images/cyys/sjbg.png) no-repeat;display: inline-block; text-align: center;padding-top:8px; line-height: 34px;vertical-align: top;background-size: 100% 100%}
.cyys302 ul{margin: 0px; padding: 0px 20px}
.cyys303{width:100%; height: auto; overflow: hidden;}
.cyys303 .bt{width:160px; padding-right: 30px; background: url(../images/cyys/btbg01.png) no-repeat right;color: var(--blue);padding-left: 5px;margin: 0px auto 0px 0px}

.cyys304{width:100%;height: auto;overflow: hidden; position: relative; line-height: 50px;z-index: 222;}
.cyys304 span{color:var(--white);width:48px;height: 48px;background: url(../images/cyys/lsjbg.png) no-repeat;display: inline-block; text-align: center;padding-top:8px; line-height: 34px;vertical-align: top;background-size: 100% 100%}
.text-blue{color: var(--blue)}

.card{border-radius:1rem;overflow: hidden}
.neirong{height:24px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap}
.card a{display: block; color: var(--gray);text-decoration: none}
.card a:hover{color: var(--blue)}
.album .col{margin-top:20px}
.col .h1 img{width:60px}
.col .h1 span{background: var(--blue); color: var(--white);border-radius: 30px;padding:5px 15px;font-size: 30px; margin-left: 30px}
.cyzc2bg{background: url(../images/cyzc/cyzcbg.png) no-repeat; background-size: cover}
.cyzc2bg .cyzc .col{margin-top: 30px}
.cyzc2bg  .col .h1 span{background: var(--white); color: var(--blue);}
/*创业流程*/
.cylc .card{border-radius: 10px;background: #eef0f5;border:2px solid #fff;}
.lc101{width:100%; height:55px;text-align: center; background: var(--blue);color: var(--white);border-radius: 10px; line-height: 55px}
.lc101_01{min-height: 300px;  }
.lc102{display:grid;width:100%;}
.lc102 .lcpic{display:table-column;width: 10%; margin: 10px auto}
.lc102 .lcbt{width:100%;display: block; margin: 0px auto;text-align: center}
.cylc .col{margin-top: 30px}
.cpshow{ overflow: hidden;position: relative}

/*品牌介绍*/
.ppjsbg{background: url(../images/ppjs/ppjsbg.png) no-repeat  right bottom; background-size: 25% auto;}
.ppjsbg2{background: #e0e0e0}
.ppjsbg3{background: url(../images/ppjs/ppjs107.png) no-repeat bottom}

.ppjsdi{border-radius: 20px; background: var(--blue)}


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

@media (max-width:1200px){
		.w-lg-100{width:100% !important}
	
}
@media (max-width:1024px){
	.navbar-collapsed {
	position: absolute;
	z-index: 2;
	width: 150px;
	top: 50px;
	background:var(--blue);
	right: 0px;
		
}
	.w-60{width:90%}
.navbar-collapsed .dropdown-item {
	border: 0px;
	font-size: 12px;
	line-height: 24px;
	height: 34px;
	color: var(--white)
}
	.show .nav-link, .active .nav-link{color: var(--white)}
	

}
@media (max-width:970px){
	.cyys301 br,.cyys304 br{display: none}
	h3, .h3{font-size: 1rem}
	.w-md-100{width:100% !important}
}
@media (max-width:820px){
}
@media (max-width:768px){
	h3{font-size: 16px}
	h3 span{font-size: 12px}
	.footbg,.footbg a{font-size: 12px}
	.kfgx02{font-size: 2.3rem}
	.syjj02{font-size: 18px}
	.w-sm-100{width:100% !important}
	h2, .h2{font-size: 18px}
	h1, .h1{font-size: 22px}
	.cyys301 span,.cyys304 span{width:26px; height: 28px;line-height: 18px}
	.cyys301,.cyys304{line-height: 32px}
	.cyys303 .bt{margin: 5px auto 5px 0px}
}

@media (max-width:640px){
.kfgx02{font-size: 2rem}
	body{font-size: 14px}
	.syzx .list-group-item{font-size: 14px;text-align: left}
	h6, .h6{font-size: 0.8rem}
}

@media (max-width:580px){
		.kfgx02{font-size: 1.4rem}
	.syjj02{font-size:1.4rem}
	.col .h1 img{width:38px}
	.col .h1 span{margin-left: 15px;font-size: 18px}
	.lc101_01{min-height: 20px;padding-bottom: 10px}
	
}
@media (max-width:500px){

}
@media (max-width:430px){
	body{font-size: 12px}

}
@media (max-width:414px){
}
@media (max-width:390px){
	.syjj02{font-size: 1.3rem}
		.kfgx02{font-size: 1.3rem}
}
@media (max-width:375px){
		.dbt{font-size: 22px}

}
@media (max-width:360px){
}
@media (max-width:280px){
}