@media (min-width: 768px){
   /*设置边框虚线和实线*/
    .case-content{
        margin-top: 2rem;
        border-bottom:1px #ccc solid;
    }
    .case-content-first-div{
        border-bottom:3px #e8c387 solid;
        width: 60%;
        margin: -2px auto
    }
    .banner-area{
        background-image: url("/static/img/rolips/rolips-banner2.jpg");
        padding: 200px 0;
    }

}
@media (max-width: 768px) {
    /*设置边框虚线和实线*/
    .case-content{
        margin-top: 2rem;
        border-bottom:1px #ccc solid;
    }
    .case-content-first-div{
        border-bottom:3px #e8c387 solid;
        width: 100%;
        margin: -2px auto
    }
    .banner-area{
    background-image: url("/static/img/rolips/rolips-banner2.jpg");
    padding: 56px 0;
}


}

.product-youshi p{
    font-size: 1rem;
	margin:3px 0px;
}
.product-youshi p span{
    font-size: 0.8rem;
    color: #e8c387;
}

/************/
/****幻灯片****/
/************/
.carousel-item img{
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.cp-rl .cp-ms{
	text-align:left;

}
.cp-rl .cp-ms p{
	text-indent:28px;
}
.cp-rl .bg-222{
	background-color:#fff;
	padding:1rem;

}
.cp-rl .carousel .carousel-inner{
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.cp-rl .carousel .carousel-control-prev,.cp-rl .carousel .carousel-control-next{
	width:2rem;
	height:2rem;
	background-color:#d91159;
    bottom:1rem;
	top:auto;
}
.cp-rl .carousel .carousel-control-prev{
	left:auto;
	right:5rem;
}
.cp-rl .carousel .carousel-control-next{
	right:1rem;
}
/************/
/****快捷导航****/
/************/
.yindao .bg-white{
	border-radius:40px 0 0 0;
	transition:all 0.5s ease;
}
.yindao .bg-white:hover{
	box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.5);
}
.yindao .bg-white img{
	border-radius:40px 0 40px 0;
	box-shadow: 4px 0px 4px 0px rgba(217,17,89,1);
}

.btn1{
    background: #e8c387;
    color: #fff;
    padding: 0.3rem 0.5rem;
}
.btn-zixun{
	background: #e8c387;
    color: #fff;
    padding: 0.3rem 0.5rem;
}
.btn1:hover{

}

.wz-lie .yd-wzlie{
	margin-bottom:0;
	padding:1rem;
	font-weight:600;
	color:#666;
}
.wz-lie .bt-wzlie{
	font-size:1.25rem;
	margin-bottom:0;
	padding:0 1rem;
	font-style:italic;
}
.wz-lie .zy-wzlie{
	margin-bottom:0;
	padding:1rem;
	font-weight:200;
}
.wz-lie .tb-wzlie{
	color:#d91159;
	padding:0 0.5rem;
	position:relative;
	z-index:200;
	background-color:#fff;
	margin:0;
}
.wz-lie .lie-wz{
	padding:0.5rem;
	border:2px solid #fff;
	margin:1rem 0;
	transition:all 0.5s ease;
}
.wz-lie .lie-wz:hover{
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.2);
}
.wz-lie .lie-wz2{
	padding:0.5rem;
	border:1px solid #fff;
	margin:1rem 0;
	transition:all 0.5s ease;
}
.wz-lie .lie-wz2:hover{
	border-color:#d91159;
}
.wz-lie .lie-wz2 .bt-wzlie{
	padding:1rem;
	border-bottom:1px solid #dee2e6;
	font-style:normal;
}
.wz-lie .lie-wz .xx-wz{
	position:relative;
	margin-bottom:1rem;
	margin-left:1rem;
	margin-right:1rem;
}
/***.wz-lie .lie-wz .xx-wz .row,.wz-lie .lie-wz .xx-wz .lv1,.wz-lie .lie-wz .xx-wz .lv2{
	position:absolute;
	height:100%;
	width:100%;
}
.wz-lie .lie-wz .xx-wz .lv2{
	right:0;
}**/
.wz-lie .lie-wz .xx-wz-l{
	position:absolute;
	top:50%;
	width: 100%;
	left:0;
    height: 1px;
    border-top: dotted #dee2e6 1px;
	z-index:100;
}
.wz-lie .lie-wz .xx-wz-r{
	position:absolute;
	width: 60%;
	top:50%;
    height: 1px;
    border-top: dotted #d91159 1px;
	z-index:101;
}
.wz-lie .lie-wz span.bg-white{
	position:relative;
	z-index:102;
	padding-left:0.5rem;
	padding-right:0.5rem;
}


.wz-nr-ym{
	background-color:#f4f4f4;
}
.wz-nr-ym .nr-arc .bt-arc h3{
	color:#000;
	font-weight:600;
}
.wz-nr-ym .nr-arc .bt-arc .bq-crs{
	font-weight:600;
	color:#666;
}
.wz-nr-ym .nr-arc .wb-arc{
	border-top:1px dotted #dee2e6;
}
.wz-nr-ym .nr-arc blockquote{
	border-right:4px solid #d91159;
	padding-right:0.5rem;
}
.wz-nr-ym .nr-arc blockquote .bqsm,.wz-nr-ym .nr-arc blockquote .blockquote-footer{
	font-size:0.875rem;
	color:#222;
	font-weight:200;
}
.wz-nr-ym .lie-wz2 ul{
	padding-bottom:1rem;
}
.wz-nr-ym .lie-wz2 ul li{
	margin:0 2rem;
	border-bottom:1px dotted #dee2e6;
}
.wz-nr-ym .lie-wz2 ul li .bt-wzlie2{
	font-size:0.875rem;
	padding-top:1rem;
	margin-bottom:0;
	font-weight:600;
}
.wz-nr-ym .lie-wz2 ul li .yd-wzlie2{
    margin-bottom:0;
	padding-bottom:0.5rem;
}
.wz-nr-ym .lie-wz2 .bg-white{
	border-radius:40px 0 0 0;
	transition:all 0.5s ease;
}
.wz-nr-ym .lie-wz2 .bg-white:hover{
	box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.5);
}
.wz-nr-ym .lie-wz2 .bg-white img{
	/* border-radius:40px 0 40px 0; */
	box-shadow: 4px 2px 4px 0px rgba(217,17,89,0.8);
}

.zw-arc img{
	width:100%!important;
}

.about-us-banner{
    box-shadow: 0 0 5px #ccc;
    transition: all 0.5s ease;
    padding-bottom: 1.5rem;
}
.about-us-banner:hover{
    box-shadow: 0 0 20px #ccc;
}
.m-b-0{
    margin-bottom: 0px;
}

.about-us-banner div{
    /*margin-left: 5px;*/
    margin-top: 5px;
}
.about-us-banner div img{
    margin-left: 1rem;
    padding-top: 1.5rem;
}
@media (max-width: 768px) {
   .about-us-banner div img{
    margin-left: 1rem;
    padding-top: 1rem;
    }
}

.contact-left{
    padding-top: 1.5rem;
    padding-left: 10px;
}
.contact-left > p{
    display: flex;
    font-size: 15px;
    margin-bottom: 10px;
}
.contact-left > p a:hover{
    color: #e8c387;
}
.contact-left > p i{
    padding-left: 0.5rem;
    padding-right: 1rem;
}

@media screen and (min-width: 768px) {
    .product_banner{
    width: 100%;
    padding-bottom: 200px;
    background:url('/static/assets_www/img/banner_3.png') 50% 0 repeat fixed;
    }
}
@media screen and (max-width: 768px) {
	.product_banner {
		width: 100%;
		padding-bottom: 50px;
		background: url('/static/assets_www/img/banner_3.png') center;
		/*background-size:contain*/
	}
}