body, html{ height:100%; }
body{ color:#555; font-family:'Roboto Condensed', sans-serif; font-size:14px; font-weight:500; overflow:hidden; }
body.load{ overflow:auto; }
ul{ margin:0; padding:0; list-style-type:none; }
.content ul{list-style-type:disc;}
a, a:hover, a:focus, li:hover > a{ outline:0; text-decoration:none; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; }
::-moz-selection{ background-color:#005ba9; color:#fff; }
::selection{ background-color:#005ba9; color:#fff; }
::-o-selection{ background-color:#005ba9; color:#fff; }
::-ms-selection{ background-color:#005ba9; color:#fff; }
::-webkit-selection{ background-color:#005ba9; color:#fff; }
.wp{ opacity:0; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:none; }
.wp.activeWp{ opacity:1; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; }
.pa0{padding:0;}
.pal0{padding-left:0;}
.par0{padding-right:0;}
.btn{border-radius:0;color:#fff;}
.btn:hover{background-color:#005ba9 !important; color:#fff;}
.btn-fluid{width:100%;}
h2.title, h3.title, h4.title{ font-weight:700; }
.form-control{ border-radius:0; box-shadow:none; height:auto; font-weight:600; padding:13px 15px; }
.form-control:focus{ border-color:transparent; box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(3, 50, 108); }
/*social*/
.social .fa{ font-size:16px; margin-right:4px; }
.social a.fa-facebook:hover{ color:#3b5998 !important; }
.social a.fa-twitter:hover{ color:#00acee !important; }
.social a.fa-instagram:hover{ color:#dc1f62 !important; }
.social a.fa-linkedin:hover{ color:#3272bd !important; }
.social a.fa-google-plus:hover{ color:#d13f2d !important; }
.social a.fa-pinterest:hover{ color:#ce1e27 !important; }
.social a.fa-youtube-play:hover{ color:#ce332d !important; }
/*loading*/
.spinner{ position:fixed; top:0; left:0; z-index:999999999; width:100%; height:100%; background:#fff; align-items:center;display:flex;text-align:center;}
.spinner span{ position:absolute; width:100%; height:100%; background:url(../img/logo.png) no-repeat center; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:5s; animation-duration:5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:spinnerLogo;}
body.load .spinner{ -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeOut; }
/*header*/
#header .top{ background:#005ba9; color:#fff; font-size:12px; font-weight:600; }
#header .top a:hover{ opacity:0.5; }
#header .top ul > li{ display:inline-block; margin:0 15px 0 0; }
#header .top ul > li:last-child{ margin-right:-4px; }
#header .top ul > li a{ color:#fff; display:block; padding:12px 0; }
#header .top .language{ text-align:right; position:relative; padding:12px 0; }
#header .top .language ul{ position:absolute; text-align:right; right:0; top:29px; background:#005ca9; padding:15px; z-index:10; display:none; }
#header .top .language:hover ul{ display:block; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeInLeft;}
#header .top .language ul > li{ display:block; margin:0; }
#header .top .language ul > li:last-child a{ padding-bottom:0; }
#header .top .language .current{ cursor:pointer; }
#header .top .language .current:before{ content:"\f107"; font-family:fontawesome; font-size:23px; display:inline-block; margin:7px 7px 0 0; vertical-align:top; line-height:0; }
#header .bottom{ padding:20px 0; background:#fff; border-bottom:1px solid #eee; }
#header .bottom .logo{ margin:5px 0 0; }
#header .bottom .menu{ padding:13px 0; text-align:center; }
#header .bottom .menu > ul > li{ display:inline-block; vertical-align:middle; margin:0 -4px 0 0; padding:5px 10px; border-right:1px solid #e5e5e5; position:relative; }
#header .bottom .menu > ul > li:last-child{ border:none; }
#header .bottom .menu > ul > li > a{ display:block; color:#444; font-weight:600; font-size:15px; }
#header .bottom .menu > ul > li:hover > a, #header .bottom .menu > ul > li.active > a, #header .bottom .menu > ul > li.current > a{ color:#005ca9; }
#header .bottom .menu > ul > li > ul{ display:none; text-align:left; position:absolute; left:0; background:#fff; z-index:99; padding:10px; min-width:230px; box-shadow:2px 10px 10px rgba(0, 0, 0, 0.1); border-left:1px solid #e5e5e5; }
#header .bottom .menu > ul > li:hover > ul{ display:block; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeInLeft;}
#header .bottom .menu > ul > li > ul > li > a{ display:block; color:#555; font-weight:600; border-bottom:1px solid #eee; font-size:14px; padding:5px 0; }
#header .bottom .menu > ul > li > ul > li:last-child > a{ border-bottom:none; }
#header .bottom .menu > ul > li > ul > li:hover > a{ color:#005ca9; }
#header .bottom .phone{text-align:right;margin:5px 0 0 0;}
#header .bottom .phone i:before{ font-size:45px; float:left; margin:23px 7px 0 15px; line-height:0; }
#header .bottom .phone p{ color:#aaa; font-size:12px; font-weight:600; letter-spacing:0.2px; margin:0; }
#header .bottom .phone p:last-child{ color:#444; font-size:27px; font-weight:900; letter-spacing:-1.5px; margin:-4px 0 0; }
#header .bottom .phone p:last-child a{ color:#444; }
#header.fix{ position:fixed; z-index:999; width:100%; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:.6s; animation-duration:.6s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:slideInDown; }
#header.fix .top{display:none;}
#header.fix .bottom{ padding:5px 0; }
/*main*/
#main{ background:#F8F8F8; padding:30px 0; }
/*slider*/
#slider .item{overflow:hidden; position:relative;}
#slider .item .slider-content{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; display:flex; padding:85px 35px 35px; align-items:center; }
/*#slider .item .slider-content:Before{ content:""; position:absolute; left:0; top:0; width:60%; height:100%; z-index:-1;background:-moz-linear-gradient(left, rgba(0, 91, 169, 0.9) 1%, rgba(125, 185, 232, 0) 100%);background:-webkit-linear-gradient(left, rgba(0, 91, 169, 0.9) 1%, rgba(125, 185, 232, 0) 100%);background:linear-gradient(to right, rgba(0, 91, 169, 0.9) 1%, rgba(125, 185, 232, 0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6005ba9', endColorstr='#007db9e8', GradientType=1);}*/
#slider .active .slider-content:Before{ -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeIn;}
#slider .item .h2{ color:#fff; font-size:43px; font-weight:500; margin:0; display:block; position:relative; }
#slider .item .description{ color:#fff; margin:10px 0 0;max-width:360px; }
#slider .item .description p{ margin:0; }
#slider .item .h2:before{ content:""; display:block; height:1px; width:50px; position:absolute; left:-60px; top:25px; z-index:999; background:#fff; }
#slider .item video{ width:100%; display:block; margin:0; }
#slider .owl-nav{ text-align:left; margin:-60px 0 0 20px; z-index:999; position:relative; }
#slider.owl-theme .owl-nav [class*=owl-]{ background:none; color:#fff; font-size:30px; font-weight:900; border-radius:0; padding:0; line-height:0; margin:0 15px 0 0; }
#slider.owl-theme .owl-nav i{font-weight:900;}
#slider .active .h2{ -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeInLeft; }
#slider .active .h2:before{ -webkit-animation-delay:.5s; animation-delay:.5s; -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeInLeft; }
#slider .active .description{ -webkit-animation-delay:.5s; animation-delay:.5s; -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeInUp; }
/*sliderbottom*/
#sliderBottom{ background:#E9E9E9; margin:30px 0 0; }
#sliderBottom i:before {
	color: #0E304A;
	font-size: 38px;
	float: left;
	display: inline-block;
	line-height: 1;
	margin: -3px 5px 0 0;
	vertical-align: middle;
}
#sliderBottom a{ color:#444; font-size:16px; font-weight:500; }
#sliderBottom a:hover{ opacity:0.8; }
#sliderBottom a span {
	display: inline-block;
	position: relative;
	top: 2px;
}
#sliderBottom a span span{ font-size:25px; display:block; line-height:25px; }
#sliderBottom a span span:last-child{ font-size:16px; line-height:23px; }
#sliderBottom .left > .row > div {
	border-right: 2px solid #fff;
	padding: 40px 0 40px 20px;
	text-align: left;
	border-bottom: 2px solid #fff;
}
#sliderBottom .left > .row > div > a{ display:inline-block; text-align:left; }
#sliderBottom .right{ padding-top:30px; }
#sliderBottom .right .h2{ margin:10px 0; color:#444; font-size:16px; font-weight:600; }
#sliderBottom .right .h2 a{color:#444; font-size:16px; font-weight:600; }
#sliderBottom .right .item img{ width:80px; height:80px; object-fit:cover; display:block; margin:auto; }
#sliderBottom .right .item .description{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
/*footer*/
#footer{ border-top:1px solid #eee; padding:45px 0; color:#575858; }
#footer .contact a{ color:#575858; }
#footer .contact i{ color:#797979; font-size:17px; width:22px; text-align:center; vertical-align:middle; }
#footer .contact i.fa-map-marker{ font-size:23px; margin:-4px 0 0 0; }
#footer .contact i.fa-phone{ font-size:21px; }
#footer .contact i.fa-print{ margin:-4px 0 0 30px; font-size:19px; }
#footer .contact i.fa-envelope{ margin:-3px 0 0 0; }
#footer .contact p, #footer .copyright p{ margin:0 0 15px; }
#footer .contact p:last-child{ margin:0; }
#footer .social{ text-align:right; }
#footer .menu li a{ display:block; color:#575858; font-size:14px; margin:0 0 15px; }
#footer .menu li:before{ content:"\f105"; font-family:fontawesome; font-weight:900; font-size:25px; color:#a7a8aa; opacity:0; display:inline-block; float:left; margin:10px 8px 0 0; line-height:0; }
#footer .menu li:hover:before{ -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeInLeft; }
#footer .social a{ display:block; color:#797979; margin:0 0 10px; text-align:right; width:auto; padding:0; }
#footer .social a:before{ width:15px; text-align:center; display:inline-block; }
/*inside*/
#page .title{ position:relative; }
#page .title img{ width:100%; height:250px; object-fit:cover; }
#page .title .title-content{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; }
#page .title .title-content .block{ width:100%; padding:30px; }
#page .title .title-content .block:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 60%;
	height: 100%;
	z-index: 0;
	background: -moz-linear-gradient(left, rgba(0, 91, 169, 0.9) 1%, rgba(125, 185, 232, 0) 100%);
	background: -webkit-linear-gradient(left, rgba(0, 91, 169, 0.9) 1%, rgba(125, 185, 232, 0) 100%);
	background: linear-gradient(to right, rgb(27 44 59 / 90%) 1%, rgba(125, 185, 232, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6005ba9', endColorstr='#007db9e8', GradientType=1);
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeIn;
}
#page .title h2, #page .title h1{ position:relative; z-index:2; color:#fff; font-size:45px; margin:20px 0 0; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeInUp;}
#page .title .breadcrumb{ display:inline-block; position:relative; z-index:2; padding:0; border-radius:0; background:none; margin:10px 0 0; opacity:0.5; -webkit-animation-delay:1s; animation-delay:1s; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:fadeInUp; }
#page .title .breadcrumb a{ color:#fff; }
#page .content{ background:#fff; border:1px solid #eee; padding:30px; font-size:16px;}
/*branchs*/
#googlemap{ height:500px; }
#googlemap h3 {color: #005ba9;font-size: 19px;margin: 0px 0 6px 0 !important;}
.branchs .branch{padding:0;}
.branchs .contents { padding-top: 15px; }
.branchs .branch span {
	cursor: pointer;
	background: #eee;
	font-size: 14px;
	padding: 10px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border: 1px solid #fff;
	position: relative;
}
.branchs .branch.active span{background:#005ba9; color:#fff;}
/*responsive*/
@media (max-width:1440px){
/*hidpi*/
}
@media (max-width:1366px){
/*ipadpro*/
}
@media (max-width:1280px){
/*kindle,mdpi,touch*/
}
@media (max-width:1024px){
/*bbPlayBook,ipadmini,ipad,ipadpro*/
#header .bottom .menu > ul > li{ padding:5px 7px; }
#header .bottom .phone i:before{ font-size:34px; margin:23px 7px 0 -6px; }
#sliderBottom i:before{ font-size:37px; margin:0 5px 0 0; }
#sliderBottom a span span{ font-size:21px; }
#sliderBottom a span span:last-child{ font-size:14px; }
}
@media (max-width:950px){
/*touch*/
.logo img {
	height: 70px;
}
.navbar-toggle{ position:absolute; right:5px; display:block; top:-5px; padding:10px; color:#0E304A; margin:0; font-size:23px; }
#header .bottom .menu{ text-align:left; }
#header .bottom .menu > ul > li{ display:block; margin:0; border-right:none; padding:0;}
#header .bottom .menu > ul > li > a{ border-bottom:1px solid #eee; padding:10px 0; margin:0; }
#header .bottom .phone i:before{ float:none; margin:60px 0 35px; display:block; font-size:55px; }
#header .bottom .menu > ul > li:hover > ul{ display:none; animation-name:none; position:relative; top:0; left:0; min-width:auto; box-shadow:none; width:100%; }
#header .top{ display:none; }
#sliderBottom .right{ border-top:2px solid #fff; padding-top:15px; padding-bottom:10px; }
#sliderBottom .left > .row > div:last-child{ border:none; }
#slider .item img, #slider .item video{ height:400px; width:100%; object-fit:cover; }
#footer{ text-align:center; }
#footer .pull-right{ float:none !important; padding:20px 0; }
#footer .social{ text-align:center; }
#footer .social a{ display:inline-block; margin:10px; }
}
@media (max-width:900px){
/*hidpi*/
}
@media (max-width:854px){
/*n9*/
}
@media (max-width:812px){
/*iphonex*/
}
@media (max-width:800px){
/*kindle,mdpi*/
}
@media (max-width:768px){
/*ipadmini,ipad*/
}
@media (max-width:767px){
#header .bottom .menu{ max-width:70%; }
#sliderBottom .left > .row > div{ display:inline-block; width:33%; }
#footer .menu li:before{display:none;}
#footer .menu li a{ border-bottom:1px solid #eee; padding-bottom:10px; }
	#sliderBottom .col-sm-32 {
		width: 100% !important;
	}
	#sliderBottom .left > .row > div {
		width: 100% !important;
	}

}
@media (max-width:736px){
/*iphone6plus,iphone7plus,iphone8plus*/
}
@media (max-width:732px){
/*nexus5x,nexus6p*/
}
@media (max-width:667px){
/*iphone6,iphone7,iphone8*/
#sliderBottom .left > .row > div{ width:32%; }
}
@media (max-width:640px){
/*bbz30,note3,note2,s3,s5,l70,lumia550,lumia950*/
#slider .item img, #slider .item video{height:320px;}
}
@media (max-width:600px){
/*bbZ30,bbPlayBook*/
}
@media (max-width:568px){
/*iphone5*/
}
@media (max-width:533px){
/*lumia520*/
}
@media (max-width:480px){
/*n9,iphone4*/
#sliderBottom i:before{ float:none; display:block; text-align:center; margin:0 0 10px; }
#sliderBottom .left > .row > div > a{ text-align:left; display:block; }
#page .title h2{ font-size:35px; }
}
@media (max-width:414px){
/*iphone6plus,iphone7plus,iphone8plus*/
#slider .item .h2{ font-size:35px; }
}
@media (max-width:412px){
/*nexus5x,nexus6p*/
}
@media (max-width:384px){
/*l70*/
}
@media (max-width:375px){
/*iphone6,iphone7,iphone8,iphonex*/
#page .title .title-content .block:before{ width:100%; }
}
@media (max-width:360px){
/*note3,note2,s3,s5,lumia550,lumia950*/
#sliderBottom .left > .row > div{ display:block; width:100%; border-right:none; border-bottom:2px solid #fff; padding:15px 0; }
#sliderBottom .right{padding-top:20px;}
#sliderBottom .right .item img{ width:100%; }
}
@media (max-width:320px){
/*lumia520,iphone4,iphone5*/
#page .title img{ height:150px; }
}
@keyframes spinnerLogo{
0%{ transform:scale(0.5); opacity:0.1; }
50%{ transform:scale(0.8); }
100%{ transform:scale(1); opacity:1; }
}