.samllicon a,.samllicon a:hover,.slidingtable a,.aaaaa a,.cmindexabout a,.circ-aaa a,.scalescale a:hover,.scalescale a,.cmtable a,.cmtable a:hover{color:#6c757d !important;text-decoration:none;}
.aaaaa:hover a,.cmindexabout a,.circ-aaa a,.scalescale:hover a{text-decoration: none;}
a:hover{text-decoration: none；}
.breadcrumb a {
    color:#6c757d !important;
    text-decoration: none;
    background-color: transparent;
}
.padding120 {
	padding:7.5em 0;
}
.bd-placeholder-img {
	font-size:1.125rem;
	text-anchor:middle;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.articlenews img{max-width:100%;text-align: center;}

.rounded1{border-radius:1rem;}
.icon-lobon:hover{background: -webkit-gradient(linear,left top,right top,from(#007bff),to(#122D8B));
background: linear-gradient(90deg,#007bff,#122D8B);color: #ffffff!important;transition: all .4s ease-in-out;}
.icon-lobon:hover .icon-demo svg {color: #ffffff;}
.icon-lobon:hover .orange-number,.icon-lobon:hover .text-primary-plus{color:#ffffff!important;}
.height-10rem{height:10rem!important;}
.height-15rem{height:15rem!important;}
.height-25rem{height:25rem!important;}
.height-20rem{height:20rem!important;}
.height-30rem{height:30rem!important;}
@media (min-width:768px) {
	.bd-placeholder-img-lg {
	font-size:3.5rem;
}
.video-back .mask {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:rgba(38,43,52,0.4) url(../cmimages/about/bg.png);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#66000000",endColorstr="#66000000");
}

}

.circ-aaa .circ-abc img{width: 100%;}
@media (min-width:768px) {
.circ-aaa .circ-abc {

    overflow: hidden;
    border-radius: 50%;
}
.circ-aaa .circ-abc img {
	transform:scale(1.1);
	transition:all 0.3s;
}
.circ-aaa .circ-abc:hover img {
	transform:scale(1.5);
}
.tuoniaosheji_bg_feather{background:url(../images/tuoniaosheji_bg_feather_light.svg) bottom right no-repeat; }
.bg-light-plus {
  background-color: #e6e5e5 !important;
}
.formp-5{

  padding-left: 3rem !important;
  padding-right: 3rem !important;
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
}


@media (max-width: 576px) {
.pt-6 {
  padding-top:4rem !important;
}
.pb-6 {
  padding-bottom:4rem !important;
}

.pt-12 {
  padding-top:7rem !important;
}
.pb-12 {
  padding-bottom:7rem !important;
}
.mt-10{margin-top: 6rem;}
.mb-10{margin-bottom: 6rem}
.mt-7{margin-top: 5rem;}
.mb-7{margin-bottom: 5rem}
.vidbacking-active-block-back{display: none;}
.carousel-caption {
	bottom:5%!important;
	
}
}


@media (min-width: 576px) {

.pt-6 {
  padding-top:6rem !important;
}
.pb-6 {
  padding-bottom:6rem !important;
}

.pt-12 {
  padding-top: 12rem !important;
}
.pb-12 {
  padding-bottom: 12rem !important;
}
.mt-10{margin-top: 10rem;}
.mb-10{margin-bottom: 10rem}
.mt-7{margin-top: 7rem;}
.mb-7{margin-bottom: 7rem}
.col-sm-bg-light{background-color: #f8f9fa !important;}
.col-sm-pl-4{padding-left: 1.5rem !important;}
.imgscaleimgg{height:18rem;}

}
.cmbgbgcxc-a{background:url(../cmimages/index/cmsolar_index_banner_05.jpg) no-repeat Center;background-size: 100%; }
.cmbgbgcxc-b{background:url(../cmimages/index/cmsolar_index_banner_06.jpg) no-repeat Center; }
.theysay_a,.theysay_b,.theysaybanner{height: 38em;width: 100%;background-size: 100%;overflow: hidden;}
.theysaybanner img{max-height: 100%;}

.fa {
	opacity:.7;
}

.opacity-8{opacity:.9;}

.fa:hover {
	opacity:1.0;
}
.fa {
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.fa-fw {
	width:1.28571429em;
	text-align:center;
}

.bd-masthead-sanjiao{background: linear-gradient(to right bottom,#f7f5fb 50%,#fff 50%);}

.cm_iocon_a{background:url(img/icon/cm_iocon_01.png) no-repeat; width:3em;height: 3em;background-size: 100%; }
.cm_iocon_b{background:url(img/icon/cm_iocon_02.png) no-repeat; width: 3em;height: 3em;background-size: 100%;}
.cm_iocon_c{background:url(img/icon/cm_iocon_03.png) no-repeat; width: 3em;height: 3em;background-size: 100%;}
.cm_iocon_d{background:url(img/icon/cm_iocon_04.png) no-repeat; width: 3em;height: 3em;background-size: 100%;}
.cm_iocon_e{background:url(img/icon/china-patent-w.png) no-repeat; width: 3em;height: 3em;background-size: 100%;}
.cm_iocon_f{background:url(img/icon/dedal-w.png) no-repeat; width: 3em;height: 3em;background-size: 100%;}
.cm_iocon_e:hover{background:url(img/icon/china-patent.png) no-repeat; width: 3em;height: 3em;background-size: 100%;}
.cm_iocon_f:hover{background:url(img/icon/dedal.png) no-repeat; width: 3em;height: 3em;background-size: 100%;}

.cmindexproduct{}
.cmindexproduct .cmindexproductimg{height:15em;width: 100%;overflow: hidden;}
.cmindexabout .cmindexaboutimg{/*height:14em;*/width: 100%;overflow: hidden;}
.erindex .erindeximg{/*height:14em;*/width: 100%;overflow: hidden;}
.cmindexabout .brand-logo{/*height:14em;*/width: 100%;overflow: hidden;}
.cmindexproductnine .cmindexproductnineimg{height:12em;width: 100%;overflow: hidden;}
.cmproductmedia .cmproductmediaimg{height:6em;width: 100%;overflow: hidden;}

.cmproductspipitchedroof .cmproductspipitchedroofimg{overflow: hidden;}
.cmproductspipitchedroof .cmproductspipitchedroofimg img{width: 100%;background-size: 100%;transform:scale(1.0);transition:all 0.3s;}
.cmservicecard .cmservicecardimg{height:11em;width: 100%;overflow: hidden;}
.cmpatentcard{width: 100%;overflow: hidden;}
.cmservicesmalltop .smallpic{height:11em;width: 100%;overflow: hidden;}
.cmindexabout .cmindexaboutimg img,.cmservicesmalltop img,.cmservicecard .cmservicecardimg img,.cmindexproduct .cmindexproductimg img{width: 100%;background-size: 100%;transform:scale(1.1);transition:all 0.9s;}
.cmindexabout .brand-logo img{width: 100%;background-size: 100%;transition:all 0.3s;}
.cmindexabout .brand-logo:hover img{transform:scale(1.3);}
.erindex .erindeximg img{width: 100%;background-size: 100%;transition:all 0.3s;transform:scale(1.1);}
.erindex .erindeximg:hover img{transform:scale(1.2);}
.cmpatentcard img{width: 100%;background-size: 100%;transition:all 0.3s;}
.cmindexproductnine img{height: 100%;background-size: 100%;transform:scale(1.1);transition:all 0.3s;margin-left: -10%;}
.cmproductmedia img{height: 100%;background-size: 100%;transform:scale(1.1);transition:all 0.3s;margin-left: -40%;}
.cmindexabout:hover img,.cmproductmedia:hover img,.cmindexproductnine:hover img,.cmservicesmalltop:hover img,.cmservicecard:hover img,.cmindexproduct:hover img,.cmpatentcard:hover img{transform:scale(1.3);}
.cmproductspipitchedroof:hover img{transform:scale(1.3);}
.imgscaleimg,.imgscaleimgg{overflow: hidden;}
.imgscaleimg img{transform:scale(1.1);transition:all 0.3s;width:100%;}
.imgscaleimgg img{transform:scale(1.1);transition:all 0.3s;width:100%;}

.scale:hover img{transform:scale(2.5);}

.serviceimg{height:30em;width: 100%;overflow: hidden;}
.serviceimg .serviceimgson{top:30%;transition:all 0.3s;}
.serviceimg:hover .serviceimgson{top:50%;transition:all 0.3s;}
.serviceimg:hover img{transform:scale(2.5);}
.serviceimg img{width: 100%;background-size: 100%;transform:scale(1.1);transition:all 0.3s;}

.serviceimg:hover .opacity-8{opacity:.4;}
.bodyimgg img{max-width:100%;}
.plr-15px{padding-right:0px!important;padding-left:0px!important;}

.m-0-5 {
  margin: 0.15rem !important;
}
.bg-black{background-color:#111111}

.w-40 {
  width:40% !important;
}

.w-20 {
  width:20% !important;
}

.w-10 {
  width:10% !important;
}


.bg-lightt {
  background-color:#f4f5f7 !important;
}

/*
.display-5 {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-6 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
}*/



.faq-item {
	padding:1rem 0
}
.faq-item+.faq-item {
	border-top:1px solid rgba(0,0,0,.1)
}
.faq-item-heading {
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	color:#212529;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.faq-item-heading:before {
	content:'+';
	display:-webkit-inline-box;
	display:inline-flex;
	-webkit-box-align:center;
	align-items:center;
	-webkit-box-pack:center;
	justify-content:center;
	width:1.5rem;
	height:1.5rem;
	min-width:1.5rem;
	margin-right:1rem;
	background-color:#343a40;
	font-weight:700;
	color:#fff;
	-webkit-transition:inherit;
	transition:inherit;
}
.faq-item-heading:hover {
	text-decoration:none;
	
}
.faq-item-heading:hover:before {
	background-color:#e79b0d
}
.faq-item-heading[aria-expanded=true]:before {
	content:'-'
}
.faq-item-content {
	color:#6c757d
}
.faq-item-content-inner {
	padding-top:1rem
}





.left-box {
	box-shadow:inset 7px 0 9px -7px rgba(0,0,0,.7)
}
.hover-scale {
	transition:all .2s ease-in-out
}
.hover-scale:hover {
	-webkit-transform:scale(1.05);
	transform:scale(1.05)
}
.hover-animate {
	transition:all .2s ease-in-out
}
.hover-animate:focus,.hover-animate:hover {
	-webkit-transform:translate3d(0,-2px,5px);
	transform:translate3d(0,-2px,5px)
}
.hover-scale-bg-image .bg-image {
	transition:all 1.4s ease-in-out;
}
.hover-scale-bg-image:focus .bg-image,.hover-scale-bg-image:hover .bg-image {
	-webkit-transform:scale(1.35);
	transform:scale(1.35)
}


.bg-image {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0
}
img.bg-image {
	font-family:"object-fit:cover;";
	-o-object-fit:cover;
	object-fit:cover
}












@media (min-width:768px) {
	.form-styled {
	padding:3.5rem 2.5rem
}

.col-sm-bg-light{background-color: #f8f9fa !important;}
.col-sm-pl-4{padding-left: 1.5rem !important;}

}#mce-hidden-input {
	display:none
}
.img-effect {
	position:relative
}
.img-effect>img {
	position:relative;
	box-shadow:0 25px 100px -5px rgba(0,0,0,.15);
	z-index:1
}
.img-effect-solid {
	padding-left:20%;
	padding-right:10%
}
.img-effect-solid:before {
	content:'';
	position:absolute;
	top:35%;
	bottom:10%;
	left:0;
	right:0;
	background-color:#f7c86f
}
.img-effect-border {
	padding-left:10%;
	padding-right:20%
}
.img-effect-border:before {
	content:'';
	position:absolute;
	top:75%;
	bottom:-10%;
	left:35%;
	right:10%;
	background-color:#f7c86f
}
.img-effect-border:after {
	content:'';
	position:absolute;
	top:-10%;
	bottom:75%;
	left:0;
	right:55%;
	border:2px solid #f7c86f
}
@media (min-width:768px) {
	.img-effect-info {
	padding-left:15%;
	padding-right:15%;
	padding-bottom:10%
}
}.img-effect-info-popup {
	margin-bottom:1.5rem;
	padding:2rem 1.5rem;
	border-radius:.25rem;
	background-color:#f5ba4b;
	text-align:center;
	color:#fff;
	box-shadow:0 25px 100px -5px rgba(0,0,0,.15);
	z-index:2
}
@media (min-width:768px) {
	.img-effect-info-popup {
	position:absolute;
	bottom:0;
	right:0;
	width:50%;
	height:auto;
	margin-bottom:0
}
}.img-effect-info-popup-icon {
	width:3rem;
	height:3rem;
	display:-webkit-inline-box;
	display:inline-flex;
	-webkit-box-align:center;
	align-items:center;
	-webkit-box-pack:center;
	justify-content:center;
	margin-bottom:1rem;
	background-color:rgba(0,0,0,.05);
	border-radius:50%
}
.img-effect-dotted,.img-effect-dotted-two {
	padding:10% 15% 0 15%
}
.img-effect-dotted:before {
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:50%;
	left:50%;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><circle cx='50' cy='50' r='15' fill='%23f5ba4b'></circle></svg>");
	background-size:.5rem
}
.img-effect-dotted-two:before {
	content:'';
	position:absolute;
	top:0;
	right:50%;
	bottom:50%;
	left:0;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><circle cx='50' cy='50' r='15' fill='%23f5ba4b'></circle></svg>");
	background-size:.5rem
}
.img-incline {
	-webkit-clip-path:polygon(0 0,100% 0,95% 100%,0 100%);
	clip-path:polygon(0 0,100% 0,95% 100%,0 100%)
}
.img-incline-left {
	-webkit-clip-path:polygon(0 0,100% 0,100% 100%,5% 100%);
	clip-path:polygon(0 0,100% 0,100% 100%,5% 100%)
}
.img-cover {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.img-cover-top {
	-o-object-position:center top;
	object-position:center top
}
.img-cover-right {
	-o-object-position:right center;
	object-position:right center
}
.img-cover-bottom {
	-o-object-position:center bottom;
	object-position:center bottom
}
.img-cover-left {
	-o-object-position:left center;
	object-position:left center
}
.img-half {
	position:relative
}

@media (min-width:768px) {
	.img-half {
	width:50vw;
	height:100%;
	margin-left:-0.35rem;
}
}@media (min-width:768px) {
	.img-half-left {
	margin-left:calc(100% - 50vw + 1.5rem)
}
.carousel-caption {
	bottom:35%!important;
	
}
}.img-half .img-cover {
	position:absolute
}

@media (max-width:767.98px) {
	.img-half .img-cover {
	position:relative;
	max-width:100%;
	height:auto
}
.bg-light-plus {
  background-color: #e6e5e5 !important;
}
.bannerbgbga{background:url(img/about/dreamballodreamballoon_art_banner-bg.jpg) center no-repeat;}
.vidbacking-active-block-back{display: none;}
.carousel-caption {
	bottom:5%!important;}
.carousel-item {
	height:19rem;
}
}.img-square {
	position:relative;
	padding-bottom:100%
}
.img-square .img-cover {
	position:absolute	
}






.avatar {
	display:inline-block;
	width:2rem;
	height:2rem
}
.avatar-lg {
	width:2.5rem;
	height:2.5rem
}
.avatar-sm {
	width:1.5rem;
	height:1.5rem
}






.testimonial-slider-item {
	width:100%;
	padding:0 .75rem;
	-webkit-transition:opacity .15s linear;
	transition:opacity .15s linear
}
@media (min-width:768px) {
	.testimonial-slider-item {
	padding:0 1.5rem
}
.carousel-item {
	height:30rem;
}
}@media (min-width:992px) {
	.testimonial-slider-item {
	width:50%
}
}.testimonial-slider-item:not(.is-selected) {
	opacity:.25
}
.testimonial-slider-item-inner {
	padding:1.5rem;
	border:1px solid #f5ba4b
}
@media (min-width:768px) {
	.testimonial-slider-item-inner {
	padding:2.5rem 2rem
}
}








.stats-item {
	position:relative
}
.stats-item:before {
	content:'';
	display:block;
	width:.5rem;
	height:.5rem;
	margin:0 auto 1.5rem;
	background-color:#f5ba4b
}
.stats-item-value {
	font-size:26px
}
.stats-item-title {
	font-size:.6875rem;
	font-weight:500;
	letter-spacing:0;
	text-transform:uppercase
}
.testimonial-slider-item {
	width:100%;
	padding:0 .75rem;
	-webkit-transition:opacity .15s linear;
	transition:opacity .15s linear
}
@media (min-width:768px) {
	.testimonial-slider-item {
	padding:0 1.5rem
}
}@media (min-width:992px) {
	.testimonial-slider-item {
	width:50%
}
}.testimonial-slider-item:not(.is-selected) {
	opacity:.25
}
.testimonial-slider-item-inner {
	padding:1.5rem;
	border:1px solid #f5ba4b
}
@media (min-width:768px) {
	.testimonial-slider-item-inner {
	padding:2.5rem 2rem
}
.vidbacking-active-block-back {
	position:absolute;
	min-width:100%;
	min-height:100%;
	height:auto;
	width:auto;
	/*z-index:-100;
	*/
    top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);}
}



.bannerbgerror{background:url(img/about/dreamballodreamballoon_art_banner-bg.jpg) center no-repeat;}

.bg-cover {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover
}
.bg-overlay {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0
}
.bg-overlay:before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:#212529;
	opacity:.55
}



.list-iconed {
	list-style-type:none;
	margin-bottom:1.5rem;
	padding-left:0;
	text-align:left
}
.list-iconed-item {
	display:-webkit-box;
	display:flex
}
.list-iconed-item+.list-iconed-item {
	margin-top:1em
}
.list-iconed-item:before {
	content:'\f105';
	margin-right:1em;
	font-family:'Font Awesome 5 Free';
	font-weight:900;
	color:#f5ba4b
}




.table-hover tbody tr.no-hover:hover,.table-hover tbody tr.no-stripe {
	background-color:transparent!important
}
.dark-overlay,.gradient-overlay,.light-overlay {
	position:relative;
	overflow:hidden;
}
.dark-overlay .overlay-content,.gradient-overlay .overlay-content,.light-overlay .overlay-content {
	position:relative;
	z-index:20
}
.dark-overlay:after,.gradient-overlay:after,.light-overlay:after {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:" ";
	opacity:.3;
	background:#000
}
.light-overlay:after {
	opacity:.3;
	background:#fff
}




.z-index-20 {
    z-index: 20;
}















/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
	/*margin-bottom:4rem;
	*/
}
/* Since positioning the image,we need to help out the caption */

/* Declare heights because of positioning of img element */

.carousel-item > img {
	position:absolute;
	top:0;
	left:0;
	/*min-width:100%;
	height:32rem;*/
}
.video-back {
	position:relative;
	overflow:hidden;
}
	/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
	margin-bottom:1.5rem;
	text-align:center;
}
.marketing h2 {
	font-weight:400;
}
.marketing .col-lg-4 p {
	margin-right:.75rem;
	margin-left:.75rem;
}
/* Featurettes
------------------------- */

.featurette-divider {
	margin:5rem 0;
	/* Space out the Bootstrap <hr> more */
}
/* Thin out the marketing headings */
.featurette-heading {
	font-weight:300;
	line-height:1;
	letter-spacing:-.05rem;
}
/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width:40em) {
	/* Bump up size of carousel content */
  .carousel-caption p {
	margin-bottom:1.25rem;
	font-size:1.25rem;
	line-height:1.4;
}
.featurette-heading {
	font-size:50px;
}
}@media (min-width:62em) {
	.featurette-heading {
	margin-top:7rem;
}
}


.eight_index_contact_way_107 {
	position:fixed;
	right:1rem;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index:10000
}
.eight_index_contact_way_107 .item {
	position:relative
}
.eight_index_contact_way_107 .item>a {
	text-decoration:none
}
.eight_index_contact_way_107 .item i {
	display:block;
	width:50px;
	height:50px;
	color:#fff;
	border-radius:50%;
	margin-bottom:6px;
	font-size:24px;
	text-align:center;
	line-height:50px;
	cursor:pointer
}
.eight_index_contact_way_107 .item .icon-whatsapp-fill {
	background:#1dae1d
}
.eight_index_contact_way_107 .item .icon-wechat1 {
	background:#50b674
}
.eight_index_contact_way_107 .item .icon-viber {
	background:#6f3faa
}
.eight_index_contact_way_107 .item .icon-yahoo1 {
	background:#4d00ae
}
.eight_index_contact_way_107 .item .icon-icq {
	background:#7ebd00
}
.eight_index_contact_way_107 .item .icon-aim {
	background:#ffca00
}
.eight_index_contact_way_107 .item .icon-youjian {
	background:#ff54d1
}
.eight_index_contact_way_107 .item .icon-skype {
	background:#5996ff
}
.eight_index_contact_way_107 .item .icon-more {
	background:#07bb8a;
	margin-bottom:0;
	font-weight:bold
}
.eight_index_contact_way_107 .item .way-list-wrap {
	display:none;
	padding-right:60px;
	position:absolute;
	top:0;
	right:0;
	background:transparent
}
.eight_index_contact_way_107 .item .way-list {
	background:#fff;
	padding:10px;
	border:1px solid #e8e8e8;
	border-radius:4px;
	position:relative
}
.eight_index_contact_way_107 .item .way-list .it {
	display:block;
	width:190px;
	font-size:14px;
	color:#666;
	border:1px solid #e8e8e8;
	height:26px;
	line-height:26px;
	padding:0 10px;
	margin-bottom:10px;
	border-radius:2px;
	text-decoration:none;
	cursor:pointer
}
.eight_index_contact_way_107 .item .way-list .it:hover {
	background:#effaf7
}
.eight_index_contact_way_107 .item .way-list .it:last-child {
	margin:0
}
.eight_index_contact_way_107 .item .way-list::before {
	content:"";
	position:absolute;
	width:0;
	height:0;
	right:-8px;
	top:18px;
	border-width:8px 0 8px 8px;
	border-style:solid;
	border-color:transparent transparent transparent #e8e8e8;
	z-index:10
}
.eight_index_contact_way_107 .item .way-list::after {
	content:"";
	position:absolute;
	width:0;
	height:0;
	right:-7px;
	top:18px;
	border-width:8px 0 8px 8px;
	border-style:solid;
	border-color:transparent transparent transparent #fff;
	z-index:10
}
.eight_index_contact_way_107 .item:not(.ways) {
	display:block
}/**
.eight_index_contact_way_107:hover .item.ways {
	display:none
}**/
.eight_index_contact_way_107:hover .item:not(.ways) {
	display:block
}
.eight_index_contact_way_107:hover .item:not(.ways):hover .way-list-wrap {
	display:block
}
.footer_webim {
    position: fixed;
    right: 34px;
    z-index: 999;
    cursor: pointer;
    top: 60%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.footer_webim .chat-button-content {
	position:relative;
	width:80px;
	height:80px
}
.footer_webim .chat-button-content:after {
	content:"chat now";
	position:absolute;
	width:80px;
	height:33px;
	background:url(img/icon/chat-hover.png) no-repeat;
	background-size:100% 100%;
	left:-50px;
	top:-30px;
	font-size:10px;
	color:#fff;
	text-transform:capitalize;
	text-align:center;
	line-height:26px;
	opacity:0;
	visibility:hidden;
	line-height:26px;
	-webkit-transition:opacity .2s ease;
	-moz-transition:opacity .2s ease;
	-o-transition:opacity .2s ease;
	-ms-transition:opacity .2s ease;
	transition:opacity .2s ease
}
.footer_webim:hover .chat-button-content:after {
	opacity:1;
	visibility:visible
}
.footer_webim .chat-button {
	position:absolute;
	width:80px;
	height:80px;
	background:url(img/icon/chat-hover.png) no-repeat;
	background-size:100% 100%;
	border-radius:50%
}

.pro_topimg {
    position: absolute;
     top: -30px;
    right: -30px;
    bottom: -30px;
    left: -30px;
    webkit-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: progid:DXImageTransform.Microsoft.Blur(Strength=$radius);
    filter: blur(10px);
}

/.bd-navbar {
	min-height:4rem;
	/*background-color:#125a8e;
	box-shadow:0 0.5rem 1rem rgba(0,0,0,0.05),inset 0 -1px 0 rgba(0,0,0,0.1)*/;
}
@media (max-width:991.98px) {
	.bd-navbar {
	padding-right:.5rem;
	padding-left:.5rem
}
.bd-navbar .navbar-nav-scroll {
	max-width:100%;
	height:2.5rem;
	margin-top:.25rem;
	overflow:hidden
}
.bd-navbar .navbar-nav-scroll .navbar-nav {
	padding-bottom:2rem;
	overflow-x:auto;
	white-space:nowrap;
	-webkit-overflow-scrolling:touch
}
}@media (min-width:768px) {
	@supports ((position:-webkit-sticky) or (position:sticky)) {
	.bd-navbar {
	position:-webkit-sticky;
	position:sticky;
	top:0;
	z-index:1071
}
}}.bd-navbar .navbar-nav .nav-link {
	padding-right:.5rem;
	padding-left:.5rem;
	color:rgba(255,255,255,0.85)
}
.bd-navbar .navbar-nav .nav-link.active,.bd-navbar .navbar-nav .nav-link:hover {
	color:#fff;
	background-color:transparent
}
.bd-navbar .navbar-nav .nav-link.active {
	font-weight:600
}
.bd-navbar .navbar-nav-svg {
	display:inline-block;
	width:1rem;
	height:1rem;
	vertical-align:text-top
}
.bd-navbar .dropdown-menu {
	font-size:.875rem
}
.bd-navbar .dropdown-item.active {
	font-weight:600;
	color:#212529;
	background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") no-repeat 0.4rem 0.6rem/0.75rem 0.75rem
}
.bd-masthead {
	position:relative;
	padding:3rem 15px;
	background:linear-gradient(to right bottom,#f7f5fb 50%,#fff 50%)
}
.bd-masthead h1 {
	font-size:4rem;
	line-height:1.2
}
@media (max-width:1200px) {
	.bd-masthead h1 {
	font-size:calc(1.525rem + 3.3vw)
}
}.bd-masthead .lead {
	font-size:1.5rem;
	font-weight:400;
	color:#495057
}
@media (max-width:1200px) {
	.bd-masthead .lead {
	font-size:calc(1.275rem + .3vw)
}
}.bd-masthead .btn {
	padding:.8rem 2rem;
	font-weight:600;
	font-size:1.25rem
}
.bd-masthead .carbonad {
	margin-top:0 !important;
	margin-bottom:-3rem !important
}
@media (min-width:576px) {
	.bd-masthead {
	padding-top:5rem;
	padding-bottom:5rem
}
.bd-masthead .carbonad {
	margin-bottom:0 !important
}
}@media (min-width:768px) {
	.bd-masthead .carbonad {
	margin-top:3rem !important
}
}.masthead-followup h2 {
	font-size:2.5rem
}
@media (max-width:1200px) {
	.masthead-followup h2 {
	font-size:calc(1.375rem + 1.5vw)
}
}.masthead-followup .highlight {
	border-radius:.5rem
}
.masthead-followup .highlight pre::-webkit-scrollbar {
	display:none
}
.masthead-followup .highlight pre code {
	display:inline-block;
	white-space:pre
}
.masthead-followup-icon {
	padding:.75rem;
	background-image:linear-gradient(to bottom right,rgba(255,255,255,0.2),rgba(255,255,255,0.01));
	border-radius:.75rem;
	box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.1)
}
.masthead-followup-svg {
	-webkit-filter:drop-shadow(0 1px 0 rgba(0,0,0,0.125));
	filter:drop-shadow(0 1px 0 rgba(0,0,0,0.125))
}


.section {
    position: relative;
    padding-top: 5rem;
    padding-bottom: 5rem
}

@media (min-width: 768px) {
    .section {
        padding-top:7.5rem;
        padding-bottom: 7.5rem
    }
}

.section .container {
    position: relative;
    z-index: 1
}

.section-top {
    padding-top: calc(5rem + 5.8125rem)
}

@media (min-width: 768px) {
    .section-top {
        padding-top:calc(7.5rem + 5.8125rem)
    }
}

@media (min-width: 768px) {
    .section-full .container>.row {
        min-height:calc(100vh - 7.5rem * 2)
    }

    .section-full .container>.row:before {
        content: '';
        min-height: inherit
    }

    .section-full.section-top>.container>.row {
        min-height: calc(100vh - 7.5rem * 2 - 5.8125rem)
    }
    .year-bd h3 {
    color:#122D8B;
    font-size:12rem;
    line-height:15rem;
}
}

.bg-triangle {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% auto
}

.bg-triangle-left {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><path d='M0 100 V 90 L 10 100 Z' fill='%23212529' fill-opacity='0.03'></path><path d='M0 90 V 80 L 10 90 Z' fill='%23212529' fill-opacity='0.045'></path><path d='M10 100 V 90 L 20 100 Z' fill='%23212529' fill-opacity='0.025'></path><path d='M0 90 H 10 V 100 Z' fill='%23212529' fill-opacity='0.06'></path></svg>")
}

.bg-triangle-left.bg-triangle-light {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><path d='M0 100 V 90 L 10 100 Z' fill='white' fill-opacity='0.03'></path><path d='M0 90 V 80 L 10 90 Z' fill='white' fill-opacity='0.045'></path><path d='M10 100 V 90 L 20 100 Z' fill='white' fill-opacity='0.025'></path><path d='M0 90 H 10 V 100 Z' fill='white' fill-opacity='0.06'></path></svg>")
}

.bg-triangle-right {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><path d='M100 100 V 90 L 90 100 Z' fill='%23212529' fill-opacity='0.045'></path><path d='M100 90 V 80 L 90 90 Z' fill='%23212529' fill-opacity='0.015'></path><path d='M90 100 V 90 L 80 100 Z' fill='%23212529' fill-opacity='0.03'></path><path d='M90 100 V 90 H 100 Z' fill='%23212529' fill-opacity='0.06'></path></svg>")
}

.bg-triangle-right.bg-triangle-light {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><path d='M100 100 V 90 L 90 100 Z' fill='white' fill-opacity='0.045'></path><path d='M100 90 V 80 L 90 90 Z' fill='white' fill-opacity='0.015'></path><path d='M90 100 V 90 L 80 100 Z' fill='white' fill-opacity='0.03'></path><path d='M90 100 V 90 H 100 Z' fill='white' fill-opacity='0.06'></path></svg>")
}

.bg-triangle-top {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

/*Process style 2 advance*/
.process-advance {
	.process-title {
		font-weight: $font-weight-bold;
	}
	.process-number {
		border-radius: 50%;
		height: 50px;
		width: 50px;
		line-height: 50px;
		color: $white;
		display: inline-block;
		font-size: 16px;
		font-weight: $font-weight-bold;
	}
	.process-border {
		position: relative;
		width: 100%;
		z-index: 1;
	}
	p {
		margin: 0;
	}
}

.process-advance {
	.border-end:after {
		content: "";
		position: absolute;
		top: 50%;
		display: block;
		width: calc(50% + 30px);
		border-top-width: 1px;
		border-top-style: solid;
		margin-top: -1px;
		right: -30px;
		border-color: $gray-300 !important;
		z-index: -1;
	}
	.border-start:before {
		content: "";
		position: absolute;
		top: 50%;
		display: block;
		width: calc(50% + 30px);
		border-top-width: 1px;
		border-top-style: solid;
		margin-top: -1px;
		left: -30px;
		border-color: $gray-300 !important;
		z-index: -1;
	}
}
/* background color */
.bg-grad{ 
  background: linear-gradient(150deg, $grad-start 0%, $grad-end 100%);
}
.bg-dark-grad{
  background: linear-gradient(150deg, $gray-800 0%, lighten($gray-800, 20%) 100%);
}
/* fazhan */


.year-bd .con {
    color: #fff
}

.year-bd .con p {
    margin-bottom: 10px;
    color: #fff;
    font-size: 18px
}

.year-bd .item {
    opacity: .3;
    -webkit-transition: .3s;
    transition: .3s
}

.year-bd .slick-current {
    opacity: 1
}

.year-hd {
    margin-top: 7%
}

.year-hd:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-top: 1px solid rgba(255,255,255,.5);
    content: ''
}

.year-hd .slick-list {
    position: relative;
    z-index: 10
}

.year-hd .item {
    text-align: center
}

.year-hd h4 {
    display: inline-block;
    display: inline-block;
    width: 90px;
    height: 90px;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 50%;
    border-radius: 50%;
    background-color: #343a40;
    color: #fff;
    text-align: center;
    font-size: 28px;
    line-height: 90px;
    -webkit-transition: .3s;
    transition: .3s
}

.year-hd .slick-list1 {
    overflow: visible
}

.about-row2 {
    background-image: url(../img/aboutus/3.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.about-row2 .t2 h4 {
    color: #fff
}

.about-row2 .t2 h3 {
    color: #fff
}

.year-hd .slick-current h4 {
    border-color: #122D8B;
    background-color: #122D8B;
}


.slick-slider,.slick-slider * {
    outline: 0
}

.slick-list,.slick-slider,.slick-track {
    position: relative;
    display: block
}

.slick-loading .slick-slide,.slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.slick-track {
    top: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-slide {
    float: left;
    display: none;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: url(../img/ajax-loader.gif) center center no-repeat
}

/* fazhan */
.revolve{}
.revolve:hover .revolveimg{transform:rotate(360deg);}

.page5 {
    padding: 1rem 0;
    height: 50rem;
    background: url(https://westcnbt.dreamballoon.cn/ergo/img/about/dreamballoon_cn_map.jpg) no-repeat;
    background-size: 100%;
    position: relative
}

.page5:after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.55)
}

.page5>h2 {
    height: .46rem;
    font-size: .48rem
}

.page5>h2,.page5>p {
    font-weight: 400;
    position: relative;
    color: #fff;
    text-align: center;
    z-index: 2;
    opacity: 0;
    -webkit-animation: slide-down-in 1s,fade-in 1s;
    animation: slide-down-in 1s,fade-in 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.page5>p {
    text-transform: uppercase;
    height: .21rem;
    font-size: .24rem;
    font-family: Athene;
    margin-top: .24rem
}

.page5 ul li {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    width: .8rem;
    height: 1rem;
    cursor: pointer
}

.page5 ul li:hover {
    z-index: 999;
}

.page5 ul li:hover i {
    background: #eb551d!important
}

.page5 ul li:hover i:before {
    opacity: .2;
    z-index: -1
}

.page5 ul li:hover i:after,.page5 ul li:hover i:before {
    content: "";
    background: #ed6a38;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%
}

.page5 ul li:hover i:after {
    opacity: .1;
    z-index: -2
}

.page5 ul li:hover>div {
    opacity: 1
}

.page5 ul li i {
    display: block;
    position: relative;
    width: .1rem;
    height: .1rem;
    background: #fff;
    border-radius: 50%;
    margin: .25rem auto 0;
    transition: .3s
}

.page5 ul li i:before {
    opacity: .2;
    z-index: -1;
    -webkit-animation: scale 2s infinite;
    animation: scale 2s infinite
}

.page5 ul li i:after,.page5 ul li i:before {
    content: "";
    background: #fff;
    position: absolute;
    left: 50%;
    width: .1rem;
    height: .1rem;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    transition: .3s
}

.page5 ul li i:after {
    opacity: .1;
    z-index: -2;
    -webkit-animation: scale2 2s infinite;
    animation: scale2 2s infinite
}