@charset "utf-8";


.bn_txt{
	position: absolute;
    left: 5%;
    top: 50%;
    z-index: 100;
    transform: translateY(-50%);
    width: 90%;
    text-align: center;
    word-break: keep-all;
}

.bn_tit{
	font-size: 77px;
	font-weight:bold;
	line-height:1.53em;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 2px;
}

.bn_detail{
	font-size:18px;
	line-height:30px;
	color: #fff;
}

.bn_view {
	display:inline-block;
	background:#fff;
	color:#333;
	padding:0 35px;
	line-height:45px;
}

.bn_link{
	display:none;
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:99;
	background:#ff0000;
	color:#fff;
	width:40px;
	line-height:40px;
	border-radius:30px;
	text-align:center;
	font-size:16px;
}

.bn_txt .link-1 .thin { 
	font-weight: 400;
	font-size: 18px;
}

.bn_txt .link-1 .small { 
	font-size: 12px;
	margin-left: 36px;
    vertical-align: super;
}

.thick { font-weight: 900; }

.bn_txt .link-1 a {
  text-transform: uppercase;
  color: white;
  text-decoration: none;
  position: relative;
  display: block;
}

.bn_txt .link-1 p {
  font-weight: 100;
  font-size: 80%;
  margin: 1px;
}

[class^="link-"] {
  display: inline-block;
  margin: 2em
}

/* linkone */
.link-1 a:before, .link-1 a:after {
  content: '';
  border-bottom: solid 1px white;
  position: absolute;
  bottom: 0;
  width: 0;
}

.link-1 a:before { left: 0; }
.link-1 a:after { right: 0; }

.link-1 a:hover:before, .link-1 a:hover:after {
  width: 50%;
}

.link-1 a:before, .link-1 a:after {
  -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
}


@media (max-width:1200px) {
	.bn_tit { font-size: 48px;}
	.bxscenter .bxtitle { font-size: 40px !important;}
} 

@media (max-width:969px) {
	.bn_tit { font-size: 40px;}
	.bxscenter { width: 100% !important; margin: 70px auto !important;}
	.bxscenter .bxtitle { font-size: 30px !important;}

}

@media (max-width:650px) {
	.bn_tit { font-size: 21px;} 
	.bn_detail { font-size: 14px;}
	.bxscenter .bxtitle { font-size: 20px !important; margin-bottom: 15px !important;}
	#container_title { height: 150px; margin-top: 96px; line-height: 138px; font-size: 30px;}
}