/* Add here all your css styles (customizations) */

blockquote .small, blockquote footer, blockquote small {
    color: #ccc;
}

h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    color: #ccc;
}

/*
QQ 临时聊天
*/
.qq-chat-container{
    display:block;
    position:fixed;
    top: 100%;
    margin-top: -140px;
    right: 20px;
    z-index: 100000000000;
    visibility: visible !important;
    color: #fff;
}

.fa-qq-large{
    font-size: 80px;
    color: #fff;
}

.fa-qq-large: hover{
    color: #F2287D;
}

.parallax-quote {
  background: url(../images/team_heads.jpg) 50% 0 repeat fixed;
}



.head-logo {
	width: 200px;
	height:auto;
}


@media (min-width: 769px){
    .yeecar-need-to-hide-mobile{
        display: block;
    }
    .yeecar-need-to-show-mobile{
        display: none;
    }
	
	.modal-dialog {
		width: 900px;
		margin: 30px auto;
		top:100px;
	}
	
	.dialog-qqmap{
		width:100%;
		min-height:360px;
	}

}

.container.yeecar h1 strong,
.container.yeecar h2 strong,
.container.yeecar h3 strong,
.container.yeecar h4 strong,
.container.yeecar h5 strong,
.container.yeecar h6 strong {
	color:#fff;
}
	
	
	
.service-block.yeecar {
	padding: 30px 20px 20px 20px;
	text-align: center;
	margin-bottom: 0px;
}

.carousel-v1 .carousel-caption.yeecar {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 2px 15px 0 15px;
    background: rgba(0, 0, 0, 0.2);
	color:#fff;
}
.carousel-v1 .carousel-caption.yeecar a h6 strong{
	color:#fff;
}


.history-pic-left {
	padding-right:5px;
}

.history-pic-right {
	padding-left:5px;
}


.search_text{
	width:100%;
	height:48px;
	font-size:24px;
	margin-top:0px;
	color:#555;
	background:#eee;
	border-color:#eee;
}


.cbp-l-caption-body.mobile{
	display:none;
}
.cbp-l-caption-body.desktop{
	display:table-cell;
}



.qqmap_branch_page {
    width: 100%;
    min-height: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.qqmap_branches_page {
    width: 100%;
    min-height: 600px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.branch_name_text_mobile{
	font-size:12px;
	padding:0 2px;
}


.cbp-l-caption-alignLeft .cbp-l-caption-body {
	padding: 2px 4px;
}
.cbp-caption-activeWrap {
    background: rgba(0, 0, 0, 0.7);
}


@media (max-width: 768px) {
	.cube-portfolio .cbp-l-grid-agency-desc {
		font-size: 9px;
		padding-top:10px;
	}
	
	.cube-portfolio .cbp-l-grid-agency-desc .btn-u{
		font-size: 10px;
	}
	
	.cbp-l-caption-body.mobile{
		display:table-cell;
	}
	.cbp-l-caption-body.desktop{
		display:none;
	}
	
	.history-pic-left {
		padding-right:2px;
	}

	.history-pic-right {
		padding-left:2px;
	}

	.history-pic-middle {
		padding-right:2px;
		margin-left:-13px;
	}
	
	.page-search-form .search_text{
		width:100%;
		height:38px;
		font-size:24px;
		margin-top:0px;
		color:#555;
		background:#eee;
		border-color:#eee;
	}
	
	.page-search-form .btn-u-lg, a.btn-u-lg {
		font-size: 18px;
		padding: 5px 20px;
	}
	
	
	
	.container h2{
		font-size:20px;
	}
	
	.yeecar-need-to-hide-mobile{
        display: none;
    }
    .yeecar-need-to-show-mobile{
        display: block;
    }
	.navbar.navbar-default.mega-menu.yeecar{
		margin-bottom:0px;
	}
	
	.service-block.yeecar {
		padding: 16px 20px 6px 20px;
		text-align: center;
		margin-bottom: 0px;
	}
	
	.service-block.yeecar .service-bg {
		width: 250px;
		padding: 60px;
		position: absolute;
		top: -10px;
		right: -180px;
		background-color: rgba(255,255,255,0.1);
		transform: rotate(55deg);
	}
	
	.container.yeecar .col-md-3.col-xs-6 {
		padding:5px;
	}
	
	.qq-chat-container{
        margin-top: -100px;
        right: 5px;
    }

    .fa-qq-large{
        font-size: 50px;
        color: #fff;
    }
    
    .fa-qq-large: hover{
        color: #F2287D;
    }
	
	.dialog-qqmap{
		width:100%;
		min-height:240px;
	}
	
	.branch-row .branch{
		padding: 0 0;
	}
	
	.branch .bg-light {
		padding: 10px 2px 10px 2px;
		margin-bottom: 0;
		background: #fcfcfc;
		/*border: solid 1px #999;*/
		/*border-color:#999;*/
		height:70px;
	}
	
	.qqmap_branches_page {
		width: 100%;
		min-height: 300px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}





@media (max-width: 991px) {
	.mobile-no-margin {
		margin: 0 -15px;
	}
	
	.head-logo {
		width: 160px;
		height:auto;
	}
}


/* ---- BEGIN 底部导航区域 ---- */

.bottom-nav{
	padding-bottom:env(safe-area-inset-bottom);/* ---- 考虑到iPhone 等手机的 safe area ---- */
}

@media (min-width: 768px) {
	.bottom-nav {
		display:none;
	}
}

.bottom-fill-zone{
	height:65px;
}

.bn{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: calc(65px + env(safe-area-inset-bottom));/* ---- 用 calc 函数计算并考虑到iPhone 等手机的 safe area ---- */
	z-index: 98;
	background-color:#eee;
}

/* ---- 加了底部导航栏之后，要调整一下 back-to-top 这个小按钮的位置 ---- */
#topcontrol {
  z-index: 99;
  bottom: calc(11px + 65px + env(safe-area-inset-bottom)) !important;
}


.bottom-left{
	text-align:center;
	padding-left:0;
	padding-right:0;
}
.bottom-left li{
	list-style:none;
}

.left_li_item{
	float: left;
	text-align: center;
	width:100%;
}

.left_li_item_div{
	padding-left:0;
	padding-right:0;
	margin-top:10px;
}

.left_li_item a p.icon{
	font-size:18px;
	margin-bottom:0px;
	color: #555;
}
.left_li_item a p.name{
	font-size:8px;
	margin-bottom:0px;
	color: #555;
}


.right-button-one,.right-button-two{
	float: right;
	margin-top: 15px;
}

.bottom-right{
	width: 100%;
	padding-right: 15px;
	padding-left:0px;
	list-style: none;
	display:flex;
	flex-direction:row;
	justify-content:center;
}

.right-button-one{
	width:65%;
	margin-right:1px;
}
.right-button-two{
	width:35%
}

.right-button-one a{
	display: inline-block;
	width: 100%;
	height: 35px;
	background: #d53908de;
	border-radius: 18px 0 0 18px;
	text-align: center;
	line-height: 35px;
	color: #fff;
}
.right-button-two a{
	display: inline-block;
	width: 100%;
	height: 35px;
	background: #d53908;
	border-radius:0 18px 18px 0;
	text-align: center;
	line-height: 35px;
	color: #fff;
}


.bottom-nav li a.bn-btn,
.bottom-nav li a.bn-btn:focus
{
	color:#fff;
	background-color:#FD780F;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	font-weight:500;
}

/* 53客服位置与底部冲突了,隐藏 */
#mobile_icon_div div{
	display: none !important;
	/* bottom:70px !important; */
}

/* ---- END 底部导航区域 ---- */


/* ---- BEGIN 含视频的幻灯片 ---- */

.swiper-slide img{
    width:100%;
    height:100%;
}
.mobile-pagination, .pc-pagination{                
    text-align: center;    
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
    bottom:-5px;
    padding-top:5px;
}
.mobile-pagination .swiper-pagination-bullet, .pc-pagination .swiper-pagination-bullet{
    width: 18px !important;
    height: 4px !important;
    border-radius: 25px !important;
    
}
.mobile-pagination .swiper-pagination-bullet, .pc-pagination .swiper-pagination-bullet-active{
    width: 18px !important;
    height: 4px !important;
    border-radius: 25px !important;
    background-color: #FD780F !important;
}

.swiper-video-area{
    display: flex;
    flex-direction: column;    ;
    align-items: center;
}

@media (max-width: 768px){
    .swiper-video-area video{

        width: 100%;
     
    }
    .content{
        padding-top:0px;
        padding-bottom:10px;
    }
}

@media (min-width: 768px){
    .swiper-video-area video{
        background: #020202;
        width: 100%;
        height: 100%;
     
    }
}


/* ---- END 含视频的幻灯片 ---- */