/*
* @Author: DoDo
* @Date:   2020-04-28 22:53:41
* @Last Modified by:   DoDo
* @Last Modified time: 2020-05-29 10:55:02
*/
body { color: #fff; }

.fancybox-button--zoom, .fancybox-infobar { display: none !important; }

/* public */
.load-main { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999; background: #fff; display: flex; justify-content: center; align-items: center; }

.load-main img { height: 150px; }

#fullpage .section { overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; }

#fp-nav.right { right: 5px; }

#fp-nav ul li a span, .fp-slidesNav ul li a span { width: 10px; height: 10px; border: 2px solid #fff; background: none; margin: 0; transform: translate(-50%, -50%); }

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { background: #fff; margin: 0; }

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { margin: 0; }

/* header */
.header { position: fixed; left: 0; top: 0; right: 0; z-index: 100; }

.header-logo { position: fixed; top: 20px; right: 3.125%; z-index: 100; }
.header-logo img { display: block; height: 80px; }

.header-bream { position: fixed; left: 3.125%; top: 30px; z-index: 100; width: 30px; height: 25px; position: relative; padding-top: 12px; cursor: pointer; }

.header-bream span { display: block; height: 2px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; background-color: #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.header-bream::before, .header-bream:after { content: " "; position: absolute; left: 0; right: 0; height: 2px; background-color: #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.header-bream::before { top: 2px; }

.header-bream::after { bottom: 2px; }

.header-bream.on span { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

.header-bream.on::before { top: 12px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.header-bream.on::after { bottom: 12px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.nav-list { position: fixed; top: 30px; left: calc(3.125% + 40px); z-index: 100; padding: 10px 0; display: none; background: rgba(0, 35, 128, 0.75); }

.nav-list a { position: relative; display: block; font-size: 20px; line-height: 30px; padding: 10px 30px; color: #fff; }
.nav-list a::before { content: " "; position: absolute; left: 30px; right: 30px; top: 0; height: 1px; background: #fff; }
.nav-list a:first-child::before { display: none; }

.nav-list a:hover { background: #001a33; }

/* banner */
.banner-owl .owl-nav button.owl-prev, .banner-owl .owl-nav button.owl-next { position: absolute; top: 50%; transform: translateY(-50%); font-size: 60px; width: 50px; height: 100px; background-repeat: no-repeat; background-size: cover; background-position: center; font-size: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.banner-owl .owl-nav button.owl-prev { left: 3.125%; background-image: url("../images/arrow-prev.png"); }

.banner-owl .owl-nav button.owl-next { right: 3.125%; background-image: url("../images/arrow-next.png"); }

.banner-a1 { position: relative; display: block; width: 100%; height: 100vh; background-size: cover; background-position: center; background-repeat: no-repeat; }
.banner-a1 .span-phone-bg { display: none; }
.banner-a1 .mg3 { position: absolute; width: 34.4% !important; bottom: 11.11%; left: 45.3%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transform: scale(0.5); -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }
.banner-a1 .mg-zi { position: absolute; top: 8.14%; left: 25.26%; width: 49.53% !important; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transform: scale(0.5); -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }
.banner-a1 .div-line1 { position: absolute; left: calc(50% - 600px); top: 8.14%; width: 0; height: 0; border-left: 1px solid #fff; border-top: 1px solid #fff; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }
.banner-a1 .div-line2 { position: absolute; left: calc(50% - 600px); bottom: 8.14%; width: 0; height: 0; border-left: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }
.banner-a1 .div-line3 { position: absolute; right: calc(50% - 600px); top: 8.14%; bottom: 100%; width: 0; border-right: 1px solid #eff4f9; border-top: 1px solid #eff4f9; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }
.banner-a1 .div-logo { position: absolute; right: calc(50% - 600px); bottom: 8.14%; width: 37%; text-align: right; }
.banner-a1 .div-logo img { display: inline-block; width: 12.27% !important; margin-right: 7.2%; transform: scale(0); -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }
.banner-a1 .div-logo::before, .banner-a1 .div-logo::after { content: " "; position: absolute; bottom: 0; height: 1px; background: #eff4f9; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }
.banner-a1 .div-logo::before { left: 0; width: 0; }
.banner-a1 .div-logo::after { right: 0; width: 0; }

.banner-cont { position: absolute; left: 50%; transform: translateX(-50%); top: 100%; bottom: 8.3%; width: 1200px; display: flex; align-items: flex-end; border-right: 1px solid #fff; -webkit-transition: all 0.7s ease 0.5s; -moz-transition: all 0.7s ease 0.5s; -o-transition: all 0.7s ease 0.5s; transition: all 0.7s ease 0.5s; }
.banner-cont img { width: 29% !important; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transform: scale(0.5); -webkit-transition: all 0.7s ease 0.5s; -moz-transition: all 0.7s ease 0.5s; -o-transition: all 0.7s ease 0.5s; transition: all 0.7s ease 0.5s; }
.banner-cont::before, .banner-cont::after { content: " "; position: absolute; right: 0; height: 1px; background: #fff; -webkit-transition: all 0.7s ease 1.2s; -moz-transition: all 0.7s ease 1.2s; -o-transition: all 0.7s ease 1.2s; transition: all 0.7s ease 1.2s; }
.banner-cont::before { top: 0; width: 67%; }
.banner-cont::after { bottom: 0; width: 50%; }

.banner-cont1::before { top: 0; width: 0; }
.banner-cont1::after { bottom: 0; width: 0; }

.banner-cont2 img { width: 34.7% !important; padding-bottom: 3.8%; }
.banner-cont2::before { width: 0; }
.banner-cont2::after { width: 0; }

.banner-cont3 { align-items: flex-start; }
.banner-cont3 img { width: 30.94% !important; padding-bottom: 3.8%; }
.banner-cont3::before { width: 0; }
.banner-cont3::after { width: 0; }

.banner-owl .active .banner-a1 .mg-zi, .banner-owl .active .banner-a1 .mg3, .banner-owl .active .banner-cont img { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transform: scale(1); }

.banner-owl .active .banner-a1 .div-line1 { width: 2.9%; height: 40.18%; }
.banner-owl .active .banner-a1 .div-line2 { width: 3%; height: 3%; }
.banner-owl .active .banner-a1 .div-line3 { bottom: 8.14%; width: 3%; }
.banner-owl .active .banner-a1 .div-logo img { transform: scale(1); }
.banner-owl .active .banner-a1 .div-logo::before { width: 78.48%; }
.banner-owl .active .banner-a1 .div-logo::after { width: 5.5%; }

.banner-owl .active .banner-cont { top: 8.3%; }

.banner-owl .active .banner-cont1::before { width: 67%; }
.banner-owl .active .banner-cont1::after { width: 50%; }

.banner-owl .active .banner-cont2::before { width: 33.33%; }
.banner-owl .active .banner-cont2::after { width: 57.7%; }

.banner-owl .active .banner-cont3::before { width: 58.8%; }
.banner-owl .active .banner-cont3::after { width: 78.63%; }

/* about */
.about-word { display: flex; justify-content: center; align-items: center; position: relative; width: 454px; height: 100vh; margin-left: calc(50% + 56px); }
.about-word .span-bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; background: url("../images/2.png") center top repeat-y; background-size: cover; }
.about-word .about-cont { position: relative; z-index: 2; padding: 0 10% 3.5vh; font-size: 16px; line-height: 3; }
.about-word .about-cont .div-title { font-size: 52px; line-height: 60px; text-align: justify; margin-bottom: 30px; font-family: "Arial"; }

.about-logo { position: absolute; bottom: 7.96vh; left: 50%; transform: translateX(-50%); width: 1200px; text-align: right; font-size: 0; padding-right: 130px; }
.about-logo .span-logo { display: inline-block; width: 10.11%; }
.about-logo .span-logo img { width: 100%; }
.about-logo::before { content: " "; position: absolute; bottom: 0; height: 1px; background: #fff; right: 24%; left: 76%; -webkit-transition: all 0.7s ease 1.9s; -moz-transition: all 0.7s ease 1.9s; -o-transition: all 0.7s ease 1.9s; transition: all 0.7s ease 1.9s; }

.about-line { position: absolute; left: calc(50% + 600px); top: 50%; bottom: 50%; border-right: 1px solid #fff; -webkit-transition: all 0.7s ease 0.5s; -moz-transition: all 0.7s ease 0.5s; -o-transition: all 0.7s ease 0.5s; transition: all 0.7s ease 0.5s; }
.about-line::before, .about-line::after { content: " "; position: absolute; right: 0; width: 0; height: 0; background: #fff; -webkit-transition: all 0.7s ease 1.2s; -moz-transition: all 0.7s ease 1.2s; -o-transition: all 0.7s ease 1.2s; transition: all 0.7s ease 1.2s; }
.about-line::before { top: 0; }
.about-line::after { bottom: 0; }

.section.active .about-logo::before { left: 0; }

.section.active .about-line { top: 8.3%; bottom: 8.3%; }
.section.active .about-line::before, .section.active .about-line::after { width: 80px; height: 1px; }

/* three */
.what-title { position: relative; float: left; width: 20%; height: 100vh; display: flex; justify-content: center; align-items: center; background-size: cover; background-repeat: no-repeat; background-position: center; font-size: 80px; line-height: 68px; letter-spacing: -7px; }
.what-title .mg-logo { position: absolute; left: 50%; bottom: 11.38%; transform: translateX(-50%); }

.what-arrow { position: absolute; right: calc(80% + 20px); bottom: 10px; width: 70px; z-index: 5; }

.what-prev, .what-next { width: 30px; height: 50px; background-size: cover; background-position: center; background-repeat: no-repeat; cursor: pointer; }

.what-prev { float: left; background-image: url("../images/arrow-prev2.png"); }

.what-next { float: right; background-image: url("../images/arrow-next2.png"); }

.what-owl { float: right; width: 80%; }

.what-owl .what-title { width: 100%; }

.what-owl .what-title .mg-logo { width: auto !important; }

.what-a1 { height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center; text-align: center; color: #fff; }
.what-a1:hover, .what-a1:active, .what-a1:focus { color: #fff; }
.what-a1 .div-word { padding-left: 15px; padding-right: 15px; }
.what-a1 .div-title { font-size: 56px; line-height: 56px; }
.what-a1 .div-des { font-size: 20px; line-height: 36px; }
.what-a1 .div-info { font-size: 16px; line-height: 28px; }

.what-style1 .div-word, .what-style4 .div-word { padding-top: 25.4%; }
.what-style1 .div-des, .what-style4 .div-des { margin-top: 15px; }
.what-style1 .div-info, .what-style4 .div-info { position: absolute; left: 15px; right: 15px; /*bottom: 20px;*/ }
.what-style1 .div-info.color-blue, .what-style4 .div-info.color-blue { color: #082ab2; }

.what-style2 .div-word, .what-style3 .div-word { position: absolute; bottom: 10.4%; left: 0; right: 0; }
.what-style2 .div-des, .what-style3 .div-des { margin-top: 15px; }
.what-style2 .div-info, .what-style3 .div-info { margin-bottom: 20px; }

.what-style3 > .div-info, .what-style4 .div-info { position: absolute; left: 15px; right: 15px; bottom: 20px; }

/* four */
.work-owl { width: 100vw; }

.work-owl .owl-nav button.owl-prev, .work-owl .owl-nav button.owl-next { position: absolute; top: 50%; transform: translateY(-50%); font-size: 60px; width: 30px; height: 50px; background-repeat: no-repeat; background-size: cover; background-position: center; font-size: 0; background-color: rgba(0, 0, 0, 0.5); }

.work-owl .owl-nav button.owl-prev { left: 3.125%; background-image: url("../images/arrow-prev2.png"); }

.work-owl .owl-nav button.owl-next { right: 3.125%; background-image: url("../images/arrow-next2.png"); }

.work-owl .row { margin: 0; }

.work-owl .row > div { padding: 0; }

.work-a1 { position: relative; width: 100%; height: 33.33vh; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.work-a1 .div-title { display: inline-block; font-size: 56px; line-height: 50px; color: #fff; letter-spacing: -5px; text-align: left; }
.work-a1 .span-more { font-size: 20px; line-height: 20px; letter-spacing: 0; padding-bottom: 10px; border-bottom: 2px solid #fff; transform: translateY(10px) scal(0); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.work-a1 .div-m { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url("../images/mc.png") repeat; }
.work-a1 .div-mc { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 173, 238, 0.9); display: flex; align-items: center; justify-content: center; text-align: center; font-size: 20px; line-height: 26px; padding-left: 10%; padding-right: 10%; color: #fff; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.work-a1 .div-mc .span-title { transform: translateY(10px); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.work-a1 .div-mc .span-fd { margin-top: 15px; transform: scale(0); -webkit-transition: all 0.3s ease 0.1s; -moz-transition: all 0.3s ease 0.1s; -o-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s; }
.work-a1 .div-mc .span-fd img{ width: 30px; }
.work-a1 .div-icon{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; }
.work-a1 .div-icon img{ max-width: 10%; }

.work-group { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

.work-group a { display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

.work-group a:first-child { display: block; }

/* footer */
.footer { background-position: center bottom; }

.footer-cont { padding: 6% 8.3% 0; color: #58595b; }

.footer-title { float: left; width: 51.25%; text-transform: uppercase; font-size: 88px; line-height: 88px; letter-spacing: -6px; }

.footer-des { float: right; width: 48.75%; font-size: 26px; line-height: 46px; color: #58595b; }

/* case */
.case-main .row { margin: 0; }
.case-main .row > div { padding: 0; }
.case-main .work-a1 { height: 45vh; }


.video-center{
	width: 100%;
	height: 136px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #82248d;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.video-center span{
	z-index: 2;
	font-size: 38px;
	color: #fff;
	text-transform: uppercase;
}
.video-center span img{
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin-right: 23px;
}
.video-center span .bdo-line{
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.video-center span .bdo-line::before,.video-center span .bdo-line::after{
	position: absolute;
	content: " ";
	display: block;
	top: 50%;
	transform: translateY(-50%);
}
.video-center span .bdo-line::before{
	width: 10px;
	height: 10px;
	background-color: #fff;
	border-radius: 50%;
}
.video-center span .bdo-line::after{
	background-color: #fff;
	width: 100vw;
	height: 2px;
	background-color: #fff;
}
.video-center span .bdo-left{
	right: 100%;
	margin-right: 60px;
}
.video-center span .bdo-left::before,.video-center span .bdo-left::after{
	right: 0;
}
.video-center span .bdo-right{
	left: 100%;
	margin-left: 60px;
}
.video-center span .bdo-right::before,.video-center span .bdo-right::after{
	left: 0;
}

/*# sourceMappingURL=style.css.map */