/* Global */
/*
	a, a:hover, a:focus, .btn-link, .btn-link:hover{color:#005796;outline:none!important;
		-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
*/
	p{line-height:2;margin-bottom:27px;}
/* Homepage */

.header-home{background:url(../images/index/fv.jpg) no-repeat center center;background-size: cover;height:calc(100vh + 200px);
		position: relative;color:#fff;}
	.header-home::before{position: absolute;content:'';width:444px;height:414px;background:url(../images/index/index/bp.png) no-repeat;left:50%;
		top:45%;margin:-207px 0 0 -222px;z-index:1;}
	.header-home .center-middle{z-index:3;}
	.header-home h1{font-size: 70px;margin-bottom: 30px;font-weight: 400;}
	.header-home .h1-line{font-size: 20px;display:inline-block;font-family: 'Trajan Pro';letter-spacing:16px;margin-bottom:37px;
		padding:15px 0;position: relative;}
	.header-home .h1-line::before, .header-home .h1-line::after{position: absolute;content:'';border-top:1px solid #fff;
		left:0;right:14px;top:0;}
	.header-home .h1-line::after{top:auto;bottom:0;}
	.header-home h2 img { width: 680px; height: auto; }
	.header-home .text-img{margin-top:35px;}
	.header-home .cta{position: absolute;right:35px;top:35px;text-align: center;font-weight: 500;z-index:3;}
	.header-home .cta .line{font-size: 13px;border-top:1px solid #fff;
		border-bottom:1px solid #fff;line-height:20px;padding:5px 10px;}
	.header-home .cta .tel{font-family: 'Times';font-size: 34px;color:#fff;text-decoration: none!important;}
	.header-home .cta .tel i{font-size:28px;display:inline-block;vertical-align:middle;}
	.header-home .cta .time{font-size: 12px;}
	.yellow-circle{background-color: #dac749;color:#005796;width:183px;height:183px;border-radius:50%;position: absolute;right:45px;
		bottom:35px;font-size: 26px;text-align: center;z-index:3;/*padding:25px 20px;line-height:1.3;*/}
.yellow-circle .number{font-size: 58px;line-height:1;}
	.yellow-circle .number small{font-size:28px;}



	#about{padding-top: 90px;padding-bottom: 90px;position: relative;}
	#about::before, #about::after{position: absolute;content:'';height:100%;top:0;z-index:1;}
	#about::before{left:0;width:59.8685%;background:url(../images/index/map.png) no-repeat center center;background-size: cover;}
	#about::after{right:0;width:40.1315%;background-color: #f4f7fa;}
	#about .container{position: relative;z-index:3;}
	#about .media-left{margin-right: 50px;}
	#about .title{margin-top: 40px;}

	.lead{font-size: 25px;font-weight: 500;margin-bottom: 40px;line-height:1.7;}
	.about-circle{position: relative;}
	.circle-1, .circle-2, .circle-3, .circle-4, .circle-5{position: absolute;text-align: center;width:26.3157%;
		font-size: 15px;color:#005796;}
	.circle-1{color:#fff;font-size:20px;width:34.0557%;height:60px;top:50%;left:50%;margin:-30px 0 0 -17.0278%;}
	.circle-2{top:9.8210%;left:50%;margin-left: -13.15785%;}
	.circle-3{top:50%;right:0;margin-top:-22.5px;}
	.circle-4{bottom:9.8210%;left:50%;margin-left: -13.15785%;}
	.circle-5{top:50%;left:0;margin-top:-22.5px;}

	#service{padding-top: 130px;padding-bottom: 20px;}
	#service .sub-title{font-size: 32px;margin-bottom: 30px;}
	#service .sub-title + p{margin-bottom:85px;}
	.service-item{margin-bottom: 50px;}
	.service-item-caption{padding:40px 30px 30px;}
	.service-item-caption h4{font-weight: 500;font-size:20px;padding-left: 40px;margin-bottom: 30px;position: relative;}
	.service-item-caption h4::before{position: absolute;content:'';width:28px;border-top:1px solid #005796;left:0;top:50%;}
	.service-item-caption p { height: 96px; }
	
	#news{position: relative;padding-bottom: 100px;}
	#news::before{position: absolute;content:'';width:100%;height:455px;background:url(../images/index/img-10.jpg) no-repeat;
		background-size: cover;z-index:-1;top:0;left:0;}
	#news .container{position: relative;}
	.news-header{padding-top: 130px;max-width:463px;position: relative;z-index:2;}
	.news-header, .news-header .title{color:#fff;}
	.news-header .title{margin-bottom: 45px;font-size: 20px;}
	.news-header .sub-title{color:#fff;font-size:62px;margin-bottom:20px;}
	.news-featured{position: absolute;right:15px;top:120px;z-index:1;max-width:780px;display:block;color:#000;
		text-decoration: none!important;}
	.news-featured:hover{color:#000;}
	
	.news-featured img {width:600px; height: auto;}
	
	.news-featured-caption{background-color: #fff;padding:30px;width:65%;position: absolute;right:0;bottom:-75px;}
	.news-featured-caption h4, .news-item-caption h4{font-size: 20px;font-weight: 400;margin-top:15px;line-height:1.7;margin-bottom: 0;}
	.news-featured-caption .date, .news-item-caption .date{color:#898989;font-size: 15px;margin-left: 20px;}
	.news-listing{margin-top: 340px;}
	.news-item{margin-bottom: 30px;text-decoration: none!important;color:#000;display:block;}
	.news-item:hover{color:#000;}
	.news-item img{width:100%;}
	.news-item-caption{padding:20px}
	.news-item-caption h4{font-size: 18px;margin-bottom: 20px;}
	.news-item-caption .date{text-align: center;margin-left: 0;}
	.news-action{text-align: center;margin-top: 35px;margin-bottom: 35px; padding: 30px 0 0; }
	.news-action .btn{width:350px;}
	#news .empty { text-align: center; color: #fff; }
	#news p.intro { width: 400px; }

	#event{position: relative;padding-top: 100px;padding-bottom:50px;}
	#event::before{position: absolute;content:'';top:0;left:0;width:100%;height:355px;background-color: #f4f7fa;z-index:-1;}
	#event .sub-title{font-size: 32px;margin-bottom: 70px;}
	#event .empty {  margin: 0 auto; }

	#company{position: relative;padding-top: 60px;padding-bottom: 100px;}
	#company::before, #recruit::before, #facebook::before{position: absolute;content:'';top:0;right:0;width:73.4868%;bottom:145px;
		background-color: #f4f7fa;z-index:-1;}
	#company .media-left, #facebook .media-left{margin-right:80px;}
	#company .sub-title, #recruit .sub-title, #facebook .sub-title {font-size: 32px;margin-bottom: 25px;}

	#recruit {position: relative;padding-top:55px;padding-bottom: 100px;}
	#recruit::before{background-color: #d2dce6;right:auto;left:0;bottom:130px;}
	#recruit .title{margin-top: 25px;}
	#recruit .media-left{margin-left:25px;}

	#facebook{position: relative;padding-top: 35px;padding-bottom: 100px;}
	#facebook::before{bottom:160px;}
	#facebook .title{margin-top: 110px;}
	#facebook .media-left { width: 500px; }

@media (min-width:1200px){
	.container{max-width:1130px;}
	#about .container, #company .container{max-width:1220px;}
	#service .container{max-width:1310px;}
}
@media (max-width:1199px){

	.header-home{height:calc(100vh - 75px);}
	.header-home h2 img { width: 430px; height: auto; padding: 100px 0 0; }
	.header-home .cta img {width: 200px; height: auto;}
	.yellow-circle{ width:150px;height:auto;}
	#about .media-left{width:450px;}
	.news-featured{max-width:630px;}
	.news-listing{margin-top: 230px;}
	#company .media-left, #careers .media-left{max-width:430px;}
	#company .media-left, #facebook .media-left{margin-right: 50px;}
	#company::before, #recruit::before{bottom:60px;}
	#facebook .media-left{ width:400px;}
	.service-item-caption p { height: 160px; }
	
	.news-header .sub-title{color:#fff;font-size:54px;margin-bottom:20px;}
	.news-featured img {width:500px; height: auto;}

}
@media (max-width:991px){
	.header-home{background:url(../images/index/fv.jpg) no-repeat center center; background-size: cover; height:calc(100vh - 370px); }
	.header-home h2 img { width: 400px; height: auto; padding: 110px 0 0; }
	.header-home .cta img {width: 180px; height: auto;}
	.yellow-circle{height:auto; bottom: -25px;}
	#about{padding-top: 50px;padding-bottom:50px;}
	#about::after{display:none;}
	#about::before{width:100%;}
	#about .title{margin-top: 0;}
	#about .media{display:block;}
	#about .media-left{max-width:none;width:auto;max-width:646px;margin:30px auto 0;}

	#service{padding-top: 50px;}
	.service-item-caption{padding:30px 20px 20px;}
	.service-item-caption p { height: 160px; }

	#news{padding-bottom: 50px;}
	.news-header{padding-top: 50px;}
	.news-header .sub-title{color:#fff;font-size:40px;margin-bottom:20px;}

	.news-featured{position: relative;right:auto;top:auto;margin-top:50px;max-width:none;}
	.news-listing{margin-top: 120px;}
	.news-item-caption h4{font-size: 14px;}
	.news-action{text-align: center;margin-top: 35px;margin-bottom: 35px; padding: 50px 0 0; }

	#event{padding-top: 80px;}
	#company .media-left, #recruit .media-left, #facebook .media-left{max-width:360px;margin-right: 30px;}
	#facebook::before{bottom:100px;}
	#facebook .media-left{ width:300px;}
}
@media (max-width:767px){
	.header-home{  background-size: cover; height:calc(100vh - 530px); }
	.header-home h2 img { width: 300px; height: auto; }
	.header-home .cta img {width: 150px; height: auto;}
	.yellow-circle{width:80px;height:auto; bottom: -25px; }
	#company .media, #recruit .media, #facebook .media{display:block;}
	#company .media-left, #recruit .media-left, #facebook .media-left{margin-left: 0;margin-right: 0;margin-top:30px;
		width:auto;max-width:none;}
	#facebook .title{margin-top: 30px;}

	.service-item-caption p { height: auto; }

	.news-item{display: -ms-flexbox;display: flex;-ms-flex-align: start;align-items: flex-start;}
	.news-item>img{margin-right: 20px;width:40%;}
	.news-item-caption{-ms-flex: 1;flex: 1;padding:0;}
	.news-item-caption .text-center, .news-item-caption .date{text-align: left!important;}
	.news-item-caption h4{margin-bottom: 15px;}
	
	#news p.intro { width: inherit; }

	#facebook .media-left{ width:500px;}
}
@media (max-width:576px){
	.center-middle { top:60%; }
	.header-home{ background: url(../images/index/fv_sp.jpg) no-repeat center top; background-size: 100%; height:290px; }
	.header-home::before{width:auto;background-size: contain;margin-left:0;left:15px;right:15px;}
	.header-home::after{position: absolute;content:'';left:0;right:0;height:150px;bottom:0;z-index:1	}
	.header-home .cta{display: none;}
	.header-home .text-img{margin:20px 30px 0;}
	.header-home h2 img { width: 190px; margin: 0 auto; }
	
	.lead{font-size: 20px;font-weight: 500;margin-bottom: 20px;line-height:1.7;}

	#service .sub-title, #company .sub-title, #recruit .sub-title, #facebook .sub-title, #contact .sub-title, 
	#event .sub-title{font-size: 22px;}
	#service{padding-bottom: 0;}
	#service .sub-title + p{margin-bottom: 40px;}
	.service-item-caption h4{font-size: 18px;line-height:1.6;}
	.news-header .title{margin-bottom: 45px;font-size: 14px;}
	.news-header .sub-title{font-size:24px; margin: 0 0 10px;}
	.news-featured-caption{width:100%;position: relative;right:auto;bottom:auto;padding:20px;}
	.news-featured-caption h4{font-size: 18px;}
	.news-listing{margin-top: 40px;}
	.news-action .btn{width:260px;}
	.news-action{margin:10px auto;}
	.news-action{text-align: center;margin-top: 35px;margin-bottom: 35px; padding: 35px 0 0; }

	#event{padding-top: 50px;padding-bottom:20px;}
	#event .sub-title{margin-bottom: 40px;}
	#company, #recruit, #facebook{padding-bottom:60px;}
	#company::before, #recruit::before, #facebook::before{width:100%;bottom:0;}
	#event::before{height:100%;}
	#recruit .title{margin-top: 0;}
	.yellow-circle{display: none;}
	#facebook .media-left{ width:100%;}
}