/*banner通用*/
.banner-box span{font-size: 16px; margin-right: 20px;}
.banner-box span i{color: #741010; margin-right: 10px;}
/*背景+图片banner*/
.banner-wrap {width:100%;height:500px;position: relative; z-index: 99;}
.banner-wrap .banner-box{height:100%;display:flex;align-items:center;position:relative;background:url(../img/ys2.png) no-repeat right center/36% auto}
.banner-wrap .banner-box1{height:100%;display:flex;align-items:center;position:relative;}
.banner-wrap .banner-box2{height:100%;display:flex;align-items:center;position:relative;background:url(../img/product_bannner.png) no-repeat right center/36% auto}

.banner-text{width: 60%;}
.banner-img{width: 40%;text-align: right; max-height: 80%; overflow: hidden;}
.banner-img img{ height: 400px;}

.banner-wrap .banner-box p.desc{max-width: 51%;}
.banner-v1{background:url(../img/webchat_banner_bg.png) no-repeat top center/cover; }
.banner-v2{background:url(../img/website_banner_bg.png) no-repeat top center/cover; }
.banner-v3{background:url(../img/2161daee-87b9-424b-875b-ea72a473d664.png) no-repeat top center/cover; }
.banner-v4{background: url(../img/tele_banner.png) no-repeat top center/cover;}
.banner-v5{background: url(../img/callcenter_bg.png) no-repeat top center/cover;}
.banner-v6{background: url(../img/banner_help.jpg) no-repeat top center/cover;}
.banner-v7{background: url(../img/bannner-v8.jpg) no-repeat top center/cover;;}

.banner-v10{background: #2d3e04;}
.banner-v11{background: #252fa5;}
.banner-v12{background: #324e04;}
.banner-v13{background: #044e3a;}
.banner-v14{background: #040d4e;}
.banner-v15{background: #bd9b8e;}
.banner-v16{background: #6a6a4e;}
.banner-v17{background: #2d85b9;}

.banner-form{background: #fff; border-radius: 5px; margin-top: 20px; width: 100%; max-width: 600px;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1); height: 40px; display: flex;}
.banner-form form{display: flex; height: 100%; width: 100%;}
.banner-form select{border: 0 !important;        /* 移除所有边框 */
  outline: 0 !important;       /* 移除聚焦轮廓 */
  box-shadow: none !important; /* 移除可能存在的阴影 */
  -webkit-appearance: none;    /* 移除WebKit浏览器默认样式 */
  -moz-appearance: none;       /* 移除Firefox默认样式 */
  appearance: none;            /* 标准语法 */
  background-color: transparent; /* 可选：透明背景 */
  padding: 3px 10px; height: 100%; font-size: 15px; width: 100px;}
 .banner-form .no-border {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="%23333333"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;}
.banner-form-input{ flex: 1; padding: 4px 10px;}
.banner-form-input input[type=text]{height: 100%; border: none; width: 100%; padding: 4px 0 4px 15px; border-left: 1px solid #ccc; border-radius: 0; font-size: 15px;}
.banner-form-sumbit input[type=submit]{width: 60px; border-radius: 0; border: none; outline: none; background: #741010; height: 100%; color: #Fff; font-size: 15px; border-bottom-right-radius: 5px; border-top-right-radius: 5px;}
.banner-hot-search{margin-top: 20px;display: flex;}
.banner-hot-search a{color: #741010; margin-right: 10px; padding: 0 5px;}
/*纯文字banner*/
.banner-wrap-l {width:100%;height:400px;position: relative; z-index: 99;}
.banner-wrap-l .banner-box{height:100%;display:flex;align-items:center;position:relative; text-align: center;}
.banner-wrap-l .banner-box p.desc{color: #eee;}
.banner-v1-bg{background-color: #4c3005;}

.banner-wrap-c{width: 100%; height: 400px; position: relative; }
.banner-wrap-c .banner-form-box{height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}

@media screen and (min-width:769px) and (max-width:1199px)
{
	.banner-box p.desc{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
	@media screen and (min-width:992px)and (max-width:1199px)
	{
		.banner-wrap{height: 500px;}		
	}
	@media screen and (min-width:769px)and (max-width:991px)
	{
		.banner-wrap{height: 470px;}	
		.banner-wrap-c{height: 360px;}
	}
}
@media screen and (max-width:768px)
{
	.banner-box p.desc{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
	.banner-wrap .banner-box{background-position: center bottom;align-items: baseline; justify-content: center; }
	.banner-wrap .banner-box p.desc{max-width: 100%;}  
	.banner-wrap .banner-box .btn-large{text-align: center; justify-content: center;}
	.banner-wrap .banner-box .text-large-white,.banner-wrap .banner-box .text-large-black{text-align: center; margin-top: 40px;}
	.banner-wrap-c{height: 300px;}
	.banner-box1{justify-content: center;}
	.banner-text{width: 90%; text-align: center;}
	.banner-img{width: 100%;}
	.banner-img img{max-height: 100px; text-align: center;}
	@media screen and (min-width:361px)and (max-width:768px)
	{
		.banner-wrap{height: 420px;}
		.banner-wrap .banner-box{background-size:50% auto; }
	}
	@media screen and (max-width:360px)
	{
		.banner-wrap{height: 380px;}
		.banner-wrap .banner-box{background-size:60% auto; }
	}
}