/*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/4926(当前备注仅在演示里出现，下载源码不包含)*//*==================	Author: Avisitz	������ȫ��õ�Bootstrapģ�壺http://www.bootstrapmb.com	Description: Corporate Business Consulting Services HTML5 Template==================*//**=========================[Table of contents]1. BODY2. COMMON3. TOP HEADER4. HEADER5. SLIDER6. BREADCRUMB7. ABOUT US8. OUR SERVICES9. COUNTER10. WHY CHOOSE11. OUR PROJECTS12. OUR TEAM13. FAQ14. COMING SOON15. FREE CONSULTATION16. TESTIMONIALS17. OUR BLOG18. OUR CLIENTS19. GET SERVICES20. FOOTER21. SUB FOOTER22. BACK TO TOP23. COLOR CHANGE=========================**//**=========================	START BODY=========================**/::-webkit-scrollbar{    background-color: #ccc;    width: 10px;}::-webkit-scrollbar-thumb{    background-color: #2983e4;}::selection{	color: #fff;	background-color:#2983e4;}*{	margin:0px;	padding:0px;	border:none;	outline:none;	font-size: 14px;}body{	margin:0px;	padding:0px;	color: #2b2b2b;	font-size:14px;	font-family: 'Open Sans', sans-serif;}/**=========================	END BODY=========================**//**=========================	START COMMON=========================**/a,a:hover{	color: #2b2b2b;	text-decoration: none;	outline: none;	transition:all 0.4s;	-webkit-transition:all 0.4s;	-moz-transition:all 0.4s;	-o-transition:all 0.4s;}h1, h2, h3, h4, h5, h6{	color: #2b2b2b;	font-family: 'Poppins', sans-serif;	margin-bottom: 16px;}p{	color: #888;	line-height: 26px;}li{	color: #2b2b2b;	list-style: none;}span,b,strong{	font-size: 100%;}/* iframe */iframe{	width: 100%;	height: 400px;	border: 0;	outline: 0;	overflow: hidden;}/* loader */.loader{	position: fixed;	width: 100%;	height: 100%;	z-index: 9999999;	background-color: #2983e4;	text-align: center;}.rolling{	position: absolute;	text-align: center;	top: 0;	bottom: 0;	left: 0;	right: 0; 	margin: auto;}.rolling div,.rolling div:after{	position: absolute;	width: 170px;	height: 170px;	border: 10px solid #fff;	border-top-color: transparent;	border-radius: 50%;}.rolling div{	-webkit-animation: rolling 1.5s linear infinite;	animation: rolling 1.5s linear infinite;	top: 100px;	left: 100px;}.rolling div:after{	-webkit-transform: rotate(90deg);	transform: rotate(90deg);}.rolling{	width: 200px !important;	height: 200px !important;	-webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);	transform: translate(-100px, -100px) scale(1) translate(100px, 100px);}/* font-size */.fs-h1{	font-size: 2.5rem;}/* padding */.ptb-20{	padding: 20px 0px;}.ptb-40{	padding: 40px 0px;}.ptb-60{	padding: 60px 0px;}.ptb-80{	padding: 80px 0px;}.ptb-100{	padding: 1000px 0px;}/* btn */button,button:focus,button:active,button:hover{	box-shadow: 0 0 0 0;	outline: 0;}.btn,.page-link{	padding: 10px 20px;	border-radius: 0;	color: #fff;	box-shadow: 0 0 0 0;	outline: 0;}.btn-sm{	padding: .25rem .5rem;	box-shadow: 0 0 0 0;	outline: 0;}.btn-primary,.badge-primary{	color: #fff;	background-color: #2983e4;	box-shadow: 0 0 0 0;	outline: 0;}.btn-primary:hover,.btn-primary:active,.btn-primary:focus{	color: #fff;	background-color: #007bff;	outline: 0;	box-shadow: 0 0 0 0;}.btn-border{	color: #fff;	border: 1px solid #2983e4;}.btn-border:hover{	color: #fff;	background-color:#2983e4;}.btn-white{	color: #2b2b2b;	background-color: #fff;}.btn-white:hover{	color: #2b2b2b;	background-color: #ccc;}.btn i,a i{	position: relative;	top:0px;	margin-left: 5px;}.badge{	border-radius: 0;}/* border */.t-border{	margin-bottom: 1.5rem;}.border-b1-l{	border-bottom: 1px solid #eee;}/* pagination */.pagination .page-link{	padding: 10px 20px;	color: #2983e4;	outline: 0;	box-shadow: 0 0 0 0;}.pagination .page-item.active.pagination .page-link{	background-color: #2983e4;}.pagination-btn nav{	display: inline-block;}.pagination,.pagination .page-item.disabled .page-link,.pagination .page-item:last-child .page-link{	border-radius: 0;}/* colors */.color-black{	color: #2b2b2b;}.color-primary{	color: #2983e4;}.color-success{	color: #6ac059;}.color-info{	color: #10aad6;}.color-warning{	color: #ebde4b;}.color-danger{	color: #eb5454;}/* heading border bottom */.head-after{	position: relative;	display: inline-block;}.head-after:after{	content: "";	position: absolute;	background-color: #2983e4;	width: 100%;	height: 1px;	left: 0px;	bottom: -10px;	opacity: 0.4;}.head-after-w:after{	background-color: #fff !important;}/* images */.img-bg img{	width: 100%;}.img-bg{	position: relative;	margin-bottom: 2rem;	top: 15px;}.img-bg:after{    content: "";    position: absolute;    display: block;	background-color: #2b2b2b;    height: 100%;    left: -4%;    top: -20px;    width: 50%;    z-index: -1;}/* carousel */.owl-carousel .item{	margin-bottom: 10px;}.item img{	width: 100%;}/* bg */.light-bg{	background-color: #eee;}/* primary */.primary-bg{	background-color: #2983e4;}.black-bg{	background-color: #2b2b2b;}/* blockquote */blockquote{	font-style: italic;	border-left: 5px solid #ccc;}/* card*/.card,.card-d{	border-radius: 0;	padding: 30px;	margin-bottom: 2rem;	border: 0;	box-shadow: 0 0 20px 0 #ddd;	display: block;	transition:all 0.4s;	-webkit-transition:all 0.4s;	-moz-transition:all 0.4s;	-o-transition:all 0.4s;}.card:hover{	color: #fff;	background-color: #2983e4;}.card:hover h1,.card:hover h2,.card:hover h3,.card:hover h4,.card:hover h5,.card:hover p,.card:hover i,.card:hover a,.card:hover li{	color: #fff;}.card:hover .btn{	background-color: #fff;	color: #2b2b2b;}.card:hover .btn:hover{	background-color: #ccc;}.card:hover .btn i{	color: #2983e4;}/* form control */.form-control,select,select.form-control:not([size]):not([multiple]){	border-radius: 0;	padding: 10px 15px;	height: auto;	font-size: 14px;	outline: 0;	box-shadow: 0 0 0 0;	border: 1px solid #eee;}.form-control:focus,.form-control:active{	outline: 0;	box-shadow: 0 0 0 0;	border: 1px solid #2983e4;}.center-form{	width: 50%;	text-align: center;	margin: 0px auto;}.input-group-prepend{	width: 100%;}/* row */.t-row{	margin-left: -15px;	margin-right: -15px;}/**=========================	END COMMON=========================**//**=========================	START TOP HEADER=========================**/#top-header{	padding: 15px 0px;	background-color: #f1f1f1;	box-shadow: 0px 0px 10px 0px #eee;	border-bottom: 1px solid #eee;}#top-header ul{	margin: 0px;	padding: 0px;}#top-header li{	display: inline-block;	margin: 0px;	padding: 0px;	font-family: 'Poppins', sans-serif;}#top-header .t-head-left li{	margin-right: 15px;	position: relative;}#top-header .t-head-left li:after{	content:"";	position: absolute;	top: 0px;    left: -10px;	background-color: #2983e4;	width: 1px;	height: 20px;	opacity: 0.5;}#top-header .t-head-left li:first-child:after{	content: "";	width: 0;}#top-header .t-head-left i{	color: #2983e4;}#top-header .t-head-right li{	margin-left: 10px;	position: relative;}#top-header .t-head-right a:hover{	color: #2983e4;}/**=========================	END TOP HEADER=========================**//**=========================	START HEADER=========================**/.header-fixed{	position: fixed;	width: 100%;	background-color: #fff;	top: 0;	z-index: 999;	box-shadow: 0 0 20px 0 #ddd;}#header .navbar{	padding: 0px;}#header .navbar-brand{	font-size: 30px;	font-family: 'Poppins', sans-serif;	font-weight: 600;}#header .navbar-brand span{	color: #2983e4;}#header .nav-item{	position: relative;}#header .nav-item .btn{	margin: 20px 0px;	padding: 10px 20px;	display: inline-block;}#header .nav-item .btn:hover{	color: #fff;}#header .nav-item.active a:before,#header .nav-item a:hover:before{	content: "-";	position: absolute;	left: 0px;	color: #2983e4;	font-weight: bold;}#header .dropdown.active .dropdown-item:hover:before,#header .dropdown.active .dropdown-item.active:before,#header .nav-item .dropdown-item:hover:before{	content: "-";	color: #fff;}#header .nav-item.active a,#header .nav-item a:hover{	color:#2983e4;}#header .nav-link{	padding: 20px 15px;    margin: 10px 0px;	font-weight: 600;	text-transform: uppercase;}#header .dropdown-menu{	margin: 0px;	padding: 0px;	border-radius: 0;	background-color: #fff;	font-size: 14px;	min-width: 14rem;}#header .dropdown-menu:before{	content: "\f0de";	font-family: 'FontAwesome';	position: absolute;	top: -17px;	left: 10px;	color: #2983e4;	font-size: 26px;}#header .dropdown.active .dropdown-item:before{	content: "";}#header .dropdown-menu .dropdown-item{	padding: 10px 20px;	color: #2b2b2b;}#header .dropdown-menu .dropdown-item:hover,#header .dropdown.active .dropdown-menu .dropdown-item:hover{	background-color: #2983e4;	color: #fff;}#header .dropdown.active .dropdown-menu a{	color: #2b2b2b;}#header .dropdown.active .dropdown-menu .dropdown-item.active{	background-color: #2983e4;	color: #fff;}#header .navbar-toggler{	border-radius: 0;	background-color: #2983e4;	outline: 0;	border: 0;	padding: 15px;}#header .navbar-toggler-icon{	position: relative;    display: block;    height: 8px;    width: 20px;}#header .navbar-toggler-icon:before{	content: "";    position: absolute;    height: 1px;    background-color: #fff;    opacity: 1;    left: 0px;    right: 0px;    top: 3px;}/**=========================	END HEADER=========================**//**=========================	START SLIDER=========================**/.carousel-item{    background: no-repeat center center scroll;    -webkit-background-size: cover;    -moz-background-size: cover;    -o-background-size: cover;    background-size: cover;}.carousel-item:before{	content: "";    left: 0;    right: 0;    top: 0;    bottom: 0;    position: absolute;    width: 100%;    height: 100%;	background-color: rgba(0, 0, 0, 0.5);}#carouselExampleIndicators h5,#carouselExampleIndicators h3,#carouselExampleIndicators p{	color: #fff;}#carouselExampleIndicators h3{	font-size: 60px;	text-transform: uppercase;	font-weight: 600;}.carousel-indicators .active{	background-color: #2983e4;}.carousel-indicators:hover{	cursor: pointer;}#carouselExampleIndicators .carousel-item{	height: 700px;	background-position: top;}#carouselExampleIndicators .carousel-caption{	width: 60%;	text-align: left;	position: absolute;	left: 50%;	top: 50%;	transform: translate(-50%, -50%);	margin: 0px auto;}#carouselExampleIndicators .carousel-caption .btn{	margin-right: 15px;}.carousel-control-next-icon,.carousel-control-prev-icon{	padding: 20px;}/**=========================	END SLIDER=========================**//**=========================	START BREADCRUMB=========================**/#breadcrumb{	padding: 80px 0px;}.breadcrumb-bg{	position: relative;	background-image: url(../images/img-7.jpg);	background-size: cover;	background-attachment: fixed;	z-index: 1;}.breadcrumb-bg:before{	content: "";    left: 0;    right: 0;    top: 0;    bottom: 0;    position: absolute;    width: 100%;    height: 100%;	background-color: rgba(0, 0, 0, 0.5);	z-index: -1;}#breadcrumb h2{	color: #fff;	margin-bottom: 2.5rem;}.breadcrumb-bg ol{	margin-bottom: 0;	background: rgba(0, 0, 0, 0.4);    display: inline-block;    padding: 12px 20px;}.breadcrumb-bg li{	display: inline-block;}.breadcrumb-bg li a{	color: #2983e4;}.breadcrumb-bg li a:hover{	color: #fff;}.breadcrumb-bg li.active{	color: #fff;}/**=========================	END BREADCRUMB=========================**//**=========================	START ABOUT=========================**/#about-us{	padding: 80px 0px 60px;}.about-list li{	display: inline-block;	margin-right: 10px;	line-height: 36px;}#about-us .video-btn{	position: relative;}#about-us .video-btn button{	position: absolute;	left: 50%;	top: 50%;	transform: translate(-50%, -50%);	margin: 0px auto;}#about-us .video-btn button:before{	content: "";	position: absolute;	left: 0;	right: 0;	top: 0;	bottom: 0;	background-color: #fff;	opacity: 0.2;	padding: 10px 20px;	-webkit-transition-property: -webkit-transform;	transition-property: -moz-transform;    -moz-transition-property: -moz-transform;    -webkit-transition-duration: 1s;    -moz-transition-duration: 1s;    -webkit-animation-duration: 1s;    -moz-animation-duration: 1s;    animation-duration: 1s;    transition-duration: 1s;    -webkit-animation-name: grow;    -moz-animation-name: grow;    animation-name: grow;    -webkit-animation-iteration-count: infinite;    -webkit-animation-timing-function: linear;    -moz-animation-iteration-count: infinite;    -moz-animation-timing-function: linear;    animation-iteration-count: infinite;    animation-timing-function: linear;}#about-us .col-before:before{	content: "";	position: absolute;	left: 50%;	bottom: 150px;	width: 2px;	height: 100%;	background-color: #2983e4;	z-index: -1;}#about-us .modal-content{	border-radius: 0;}/**=========================	END ABOUT=========================**//**=========================	START OUR SERVICES=========================**/#our-services{	padding:80px 0px 60px;}.our-services-bg{	background-color: #eee;}#our-services .card a i{	display: none;}#our-services .card:hover a i{	display: inline-block;	-moz-animation-delay: 2s;   -webkit-animation-delay: 2s;   -o-animation-delay: 2s;    animation-delay: 2s;}#our-services .card a:hover{	color: #ccc;}.side-nav-bar{	margin-bottom: 0;}.side-nav-bar li{	margin-bottom: 1px;	position: relative;}.side-nav-bar li:before{	content: "\f178";	font-family: 'FontAwesome';	position: absolute;	line-height: 45px;	color: #2983e4;	display: none;}.side-nav-bar li:hover::before,.side-nav-bar li.active::before{	content: "\f178";	font-family: 'FontAwesome';	color: #fff;	display: block;}.side-nav-bar li a{	width: 100%;	display: inline-block;	padding: 12px 30px;}.side-nav-bar li a:hover,.side-nav-bar li.active a{	background-color: #2983e4;	color: #fff !important;}/**=========================	END OUR SERVICES=========================**//**=========================	START COUNTER=========================**/#counter{	padding: 60px 0px 30px;}.counter-bg{	position: relative;	color: #fff;	background-image: url(../images/img-2.jpg);	background-size: cover;	background-attachment: fixed;	background-repeat: no-repeat;	z-index: 1;}.counter-bg:after{    content: '';	position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    background-color: #000;    opacity: 0.7;    z-index: -1;}.counter-bg h1,.counter-bg p{	margin: 0;	color: #fff;}.counter-bg .mb-4{	position: relative;}.counter-bg .mb-4:after{	content: "";	position: absolute;	right: 25px;	bottom: 0;	top: 0;	width: 1px;	height: 100%;	background-color: rgba(255, 255, 255, 0.3);}.counter-bg .mb-4:last-child:after{	width: 0;}.count-timer i{    position: relative;    bottom: 10px;}.count-timer div{	font-size: 2.5rem;}/**=========================	END COUNTER=========================**//**=========================	START WHY CHOOSE=========================**/#why-choose{	padding: 80px 0px 60px;}#why-choose .card p{	margin-bottom: 0;}/**=========================	END WHY CHOOSE=========================**//**=========================	START OUR PROJECTS=========================**/#our-projects{	padding: 80px 0px 60px;}#our-projects .card a i{	display: none;}#our-projects .card:hover a i{	display: inline-block;	-moz-animation-delay: 2s;   -webkit-animation-delay: 2s;   -o-animation-delay: 2s;    animation-delay: 2s;}#our-projects .card a:hover{	color: #ccc;}#our-projects .button-group .btn{	margin-bottom: 10px;}#our-projects .button-group .btn:hover,#our-projects .button-group .btn.is-checked{	border-color: #2b2b2b;	background-color: #2b2b2b;	outline: 0;	box-shadow: 0 0 0 0;}.grid:after{	content: '';	display: block;	clear: both;}.element-item{	position: relative;	float: left;	width: 33.33%;	padding-left: 15px;	padding-right: 15px;}.p-d-list{	line-height: 40px;    margin-bottom: 0;}/**=========================	END OUR PROJECTS=========================**//**=========================	START OUR TEAM=========================**/#our-team{	padding: 80px 0px 60px;}#our-team .card{	padding: 20px;}.team-img{	position: relative;}.team-img img{	margin-bottom: 1rem;}.team-icons{	position: absolute;	bottom: 0;	padding: 7px;	line-height: 30px;	background-color: rgba(255, 255, 255, 0.9);	display: none;	-moz-animation-delay: 2s;   -webkit-animation-delay: 2s;   -o-animation-delay: 2s;    animation-delay: 2s;}#our-team .card:hover .team-icons{	display: block;}#our-team .card:hover .team-icons i{	color: #2b2b2b;}#our-team .card:hover .team-icons a:hover i{	color: #2983e4;}.team-details h4{	margin-bottom: 7px;}.team-details p{	margin-bottom: 0;}/**=========================	END OUR TEAM=========================**//**=========================	START FAQ=========================**/#faq{	padding: 80px 0px;}#accordion .faqcard-head{	border: 1px solid #ddd;	box-shadow: 0 0 20px 0 #ddd;	padding: 30px;	margin-bottom: 2rem;}#accordion .faqcard-head:last-child{	margin-bottom: 0;}#accordion .faqcard-head p{	margin-bottom: 0;	margin-top: 15px;}/**=========================	END FAQ=========================**//**=========================	START COMING SOON=========================**/#coming-soon{	text-align: center;	color: #fff;}#coming-soon-bg{	background-image: url(../images/img-5.jpg);	background-size: cover;	background-attachment: fixed;	background-repeat: no-repeat;	z-index: 1;}#coming-soon-bg:before{	content: "";	position: absolute;	right: 0px;	bottom: 0;	top: 0;	width: 100%;	height: 100%;	background-color: #2b2b2b;	opacity: 0.8;	z-index: -1;}#coming-soon a,#coming-soon p,#coming-soon h1{	color: #fff;}.time-bg{	font-size: 60px;	text-align: center;	margin: 0px auto;	width: 100%;	position: relative;}.time-bg:after{	content: "";	position: absolute;	left: 0;	right: 0;	top: 0;	bottom: 0;	width: 100%;	height: 100%;	background-color: #2983e4;	opacity: 0.9;	z-index: -1;}#time span{	text-transform: uppercase;	text-align: center;	padding: 40px 10px;	font-family: 'Poppins', sans-serif;	color: #2b2b2b;}#coming-soon .center-form{	width: 30%;}#coming-soon .center-form .col-lg-8,#coming-soon .center-form .col-lg-4{	margin: 0;	padding: 0;}/**=========================	END COMING SOON=========================**//**=========================	START FREE CONSULTATION=========================**/.consultation-bg{	position: relative;	color: #fff;	background-image: url(../images/img-4.jpg);	background-size: cover;	background-attachment: fixed;	background-repeat: no-repeat;	z-index: 1;}.consultation-bg:after{    content: '';	position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    background-color: #000;    opacity: 0.7;    z-index: -1;}.consultation-left{	padding: 60px 0px;}.consultation-left .col-sm-6,.consultation-left .col-sm-12{	padding-right: 7px;	padding-left: 7px;}.consultation-right{	text-align: center;    box-shadow: 0 0 0 0;	height: 400px;    margin-bottom: 0;    background-color: rgba(255, 255, 255, 0.1);}.consultation-right p,.consultation-right h1{	color: #fff;}.c-col-right{	width: 100%;	text-align: center;	position: relative;	left: 50%;	top: 50%;	transform: translate(-50%, -50%);	margin: 0px auto;}.consultation-right i{	position: relative;	top: 15px;}/**=========================	END FREE CONSULTATION=========================**//**=========================	START TESTIMONIALS=========================**/#testimonials{	padding: 80px 0px;}.testimonials-bg{	position: relative;	color: #fff;	background-image: url(../images/img-5.jpg);	background-size: cover;	background-attachment: fixed;	background-repeat: no-repeat;	z-index: 1;}.testimonials-bg:after{    content: '';	position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    background-color: rgba(0, 0, 0, 0.7);    z-index: -1;}.testimonials-bg .card{	box-shadow: 0 0 0 0;}.testimonials-bg h1{	color: #fff;}#testimonials p{	margin-bottom: 0;}#testimonials .item h5{	margin-bottom: 9px;}#testimonials .card{	padding: 40px;}.testimonials-bg .owl-theme .owl-controls .owl-page.active span{	background-color: #fff;}.quote-icon{	position: absolute;	opacity: 0.2;	color: #000;}.quote-icon.icon-quote-left{	left: 10px;	top: 5px;}.quote-icon.icon-quote-right{	right: 10px;	bottom: 5px;}#testimonials .titem-img{	position: relative;    margin-bottom: 1rem;}#testimonials .titem-img:before{	content: "\f0da";	font-family: 'FontAwesome';	position: absolute;	top: 0px;	right: -11px;	color: #2983e4;	font-size: 30px;}/**=========================	END TESTIMONIALS=========================**//**=========================	START OUR BLOG=========================**/#our-blog{	padding: 80px 0px 60px;}#our-blog .blog-img{	position: relative;}#our-blog .blog-date{	position: absolute;	bottom: 20px;}#our-blog .blog-date p{	color: #fff;	margin-bottom: 0;}#our-blog .card li,#our-blog .card-d-b li{	display: inline-block;}#our-blog .card li+li::before,#our-blog .card-d-b li+li::before{	display: inline-block;    padding: 0px 5px;    content: "/";}#our-blog .card .blog-btn a i{	display: none;}#our-blog .card:hover .blog-btn a i{	display: inline-block;	-moz-animation-delay: 2s;   -webkit-animation-delay: 2s;   -o-animation-delay: 2s;    animation-delay: 2s;}#our-blog .card a:hover{	color: #ccc;}#our-blog .card-d a:hover{	color: #2983e4;}.blog-r-btn{	position: absolute;	top: 0;	right: 15px;}.blog-r-btn .badge{	padding: 3px 5px;}.blog-r-btn i{	margin: 0;}.blog-r-btn:hover i{	color: #fff;}.blog-c-card{	padding: 20px;	margin-bottom: 1rem;}/**=========================	END OUR BLOG=========================**//**=========================	START OUR CLIENTS=========================**/#oc-carousel{	margin-left: -15px;	margin-right: -15px;	padding: 40px 0px 25px;}.carousel-bg{	background-color: #fff;}#oc-carousel .owl-controls.clickable{	display: none !important;	text-align: center;}/**=========================	END OUR CLIENTS=========================**//**=========================	START GET SERVICES=========================**/#get-services{	padding: 40px 0px;}.get-services-bg{	position: relative;	z-index: 9;	background-image: url(../images/img-6.jpg);	background-position: center;	background-attachment: fixed;}.get-services-bg:before{	content: "";	position: absolute;	left: 0;	right: 0;	bottom: 0;	top: 0;	background-color: #2983e4;	opacity: 0.8;	z-index: -1;}.get-services-bg p,.get-services-bg h4{	color: #fff;}/**=========================	START GET SERVICES=========================**//**=========================	START FOOTER=========================**/#footer{	padding: 60px 0px 30px;}.footer-bg{	background-color: #2b2b2b;}#footer .mt-3{}.footer-bg h3,.footer-bg h5,.footer-bg p,.footer-bg ul,.footer-bg li,.footer-bg a,.footer-bg i{	color: #fff;	-webkit-transition:all 0.4s;	-moz-transition:all 0.4s;	-o-transition:all 0.4s;}#footer li{	line-height: 36px;}#footer a:hover{	color: #2983e4;}#footer .f-m-icons li{	display: inline-block;	margin-right: 10px;}#footer .f-m-icons li a:hover i{	color: #2983e4;}	#footer .footer-contact h5{	margin-bottom: 10px;}#footer .footer-contact p{	margin-bottom: 24px;}/**=========================	END FOOTER=========================**//**=========================	START SUB FOOTER=========================**/#sub-footer{	padding: 15px 0px;}.sub-footer-bg{	background-color: #eee;}.sub-footer-bg.fixed{	position: fixed;	bottom: 0;	width: 100%;}#sub-footer p{	margin-bottom: 0;}.sub-footer-bg p{	color: #2b2b2b;}.sub-footer-bg a{	color: #2983e4}.sub-footer-bg a:hover{	color: #fff;}/**=========================	END SUB FOOTER=========================**//**=========================	START BACK TO TOP BTN=========================**/.backto-top-btn{	display: none;	position: fixed;	z-index: 9;	right: 20px;	bottom: 0px;	animation: bcktop 1s forwards;	-webkit-animation: bcktop 1s forwards;	-moz-animation: bcktop 1s forwards;	-o-animation: bcktop 1s forwards;}.backto-top-blk{	display: block;}.top-btn{	padding: 3px 12px;}.backto-top-btn i{	margin-left: 0;	line-height: 50px;}/**=========================	END BACK TO TOP BTN=========================**//**=========================	START COLOR CHANGE=========================**/#color-change{	position: fixed;	top: 50%;	bottom: 50%;	z-index: 9999;}#color-change .card{    background: #fff;    width: 130px;    -webkit-transform: translateX(0);    -moz-transform: translateX(0);    -o-transform: translateX(0);    -ms-transform: translateX(0);    transform: translateX(0);    box-shadow: 0 0 0 0;    padding: 11px;    border:1px solid #ccc;    border-right: 0px;}#color-change .card:hover{	color: #2b2b2b;}#color-change .card.active{    display: block;    -webkit-transform: translateX(-130px);    -moz-transform: translateX(-130px);    -o-transform: translateX(-130px);    -ms-transform: translateX(-130px);    transform: translateX(-130px);}.tbtn{	display: inline-block;    position: absolute;    left: 129px;    top: -1px;    background-color: #2b2b2b;    padding: 16px 15px;    border: 2px solid transparent;}.tbtn:hover{	background-color: #2983e4 !important;}.tbtn:hover i{	color: #fff !important;}.tbtn i{	margin:0px;	font-size: 20px;}.cardcard{	display: inline-block;	margin: 4px 0px 0px 0px;	padding: 0px;}.cardcard button{	width: 25px;	height: 25px;	background-color: transparent;	color: #2b2b2b;	margin: 0px 3px;}.cardcard button:hover{	cursor: pointer;}.cardcard button#default-color{	background-color: #2983e4;}.cardcard button#color-green{	background-color: #6ac059;}.cardcard button#light-blue-color{	background-color: #10aad6;}.cardcard button#red-color{	background-color: #eb5454;}/**=========================	END COLOR CHANGE=========================**//*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/4926(当前备注仅在演示里出现，下载源码不包含)*/