@font-face{
	font-family: abr;
	src: url('font/vnf-abrilfatface-regular.ttf');
}
@font-face{
	font-family: ic;
	src: url('font/SVN-Gotham-Book.ttf');
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
p {
	font-family: abr;
	font-size: 30px;
	text-align: justify;
}
.header {
	width: 100%;
	height: 53px;
	background-color: black;
	position: fixed;
	z-index: 100;
}
.fb-02{
	float: left;
	max-width: 50px;
	position: fixed;
	    top: 1%;
    right: 10%;
    z-index: 10000;
}
.left {
	float: left;
	margin-top: 0px;
	top: 0px;
}
.right {
	float: right;
	margin-top: 0px;
	top: 0px;
}
.center {
	margin: 0 auto;
}
.left img {
	margin-left: 0px;
}
.footer ul {
    list-style: none;
    margin-bottom: -20px;
}
.footer ul li {
	font-size: 13px;
}
.footer ul li:last-child {
    border-right: none;
}
.footer img {
	height: 44px;
}
.footer {
	font-family: abr;
	width: 100%;
	font-size: 35px;
    line-height: 55px;
    background-color: black;
    color: #fff;
    text-align: center;
}
#show {
	display: block;
}
#hidden {
	display: none;
}
.banner {
	position: relative;
	width: 100%;
	overflow: hidden;
	    line-height: 0;
}

.banner2 {
	position: relative;
	width: 100%;
	overflow: hidden;
	    line-height: 0;
}
.banner3 {
	position: relative;
	width: 100%;
	overflow: hidden;
	    line-height: 0;
}
.box {
	display: block;
}
.bg {
	vertical-align: middle;
	position: absolute;
	width: 100%;
}

.container-cs {
	width: 1325px;
    margin: 0 auto;
    padding: 0px 60px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden;
}
.container-gr {
	width: 100%;
    margin: 0 auto;
    padding: 0px 10px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden;
}
.text-m {
	margin-bottom: 15px;
}
/* .img_reponsive {
	display: block;
    max-width: 100%;
    height: auto;
} */
._t1 {
	color: #247666;
	z-index: 100;
}
._t2:first-letter {
	float: left;
    font-size: .1px;
    padding: 80px 0px 0 80px;
    background: url(t2.png) no-repeat;
    margin-right: 9px;
    background-size: 80px 80px;
}
._t2 {
	font-size: 20px;
	font-family: ic;
	font-weight: bold;
}
._t3 {
	font-size: 18px;
	font-family: ic;
	font-weight: bold;
}
.text-bg {
	background-image: url(bg.png);
	background-repeat: no-repeat;
	    background-size: 1235px 675px;
}
.text-grid img{
	width: 100%;
}
.top-cs {
	margin-top: -10%;
}
@media all and (max-width: 1100px) {
	@font-face{
		font-family: abr;
		src: url('font/vnf-abrilfatface-regular.ttf');
	}
	@font-face{
		font-family: ic;
		src: url('font/SVN-Gotham-Book.ttf');
	}
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	p {
		font-family: abr;
		font-size: 40px;
		text-align: justify;
		padding: 0 5%;
	}
	#show {
		display: none;
	}
	#hidden {
		display: block;
	}
	.banner {
		position: relative;
		width: 100%;
		overflow: hidden;
		    line-height: 0;
		    height: 1700px !important;
	}

	.banner2 {
		position: relative;
		width: 100%;
		overflow: hidden;
		    line-height: 0;
		height: 3000px !important;
	}
	.banner3 {
		position: relative;
		width: 100%;
		overflow: hidden;
		    line-height: 0;
		 height: 1450px !important;

	}
	.box {
		display: block;
	}
	.bg {
		vertical-align: middle;
		position: absolute;
		width: 100%;
	}

	.container-cs {
		width: 100%;
	    margin: 0 auto;
	    padding: 0px 60px;
	    box-sizing: border-box;
	    clear: both;
	    overflow: hidden;
	}
	.text-m {
		margin-bottom: 15px;
	}
	/* .img_reponsive {
		display: block;
	    max-width: 100%;
	    height: auto;
	} */
	._t1 {
		color: #247666;
		z-index: 100;
	}
	._t2:first-letter {
		float: left;
	    font-size: .1px;
	    padding: 120px 0px 0 120px;
	    background: url(t2.png) no-repeat;
	    margin-right: 9px;
	    background-size: 120px 120px;
	}
	._t2 {
		font-size: 40px;
		font-family: ic;
		font-weight: bold;
	}
	._t3 {
		font-size: 40px;
		font-family: ic;
		font-weight: bold;
	}
	.text-bg {
		background-image: none;
		background-repeat: no-repeat;
	}
	.text-grid img{
		width: 100%;
	}
	.top-cs {
		margin-top: -10%;
	}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
	 .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
	 .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
	 .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
	 .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
	  .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
	  .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
	  .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
	  .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
	  .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
	  .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
	  .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	  	width: 100% !important;
	}
	.text-m p {
		width: 100%;
	}
	.text-m img {
		width: 100%;
	}
	.fb-02{
		float: left;
		max-width: 150px;
		position: fixed;
		font-size: 27px;
		    top: 4px;
	    right: 20px;
	    z-index: 10000;
	}
	.imgr1,.imgr2  {
		height:  auto!important;
	}
	.text-grid {
		margin-top: 0!important;
	}
}
@media (max-width: 768px){
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
	 .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
	 .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
	 .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
	 .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
	  .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
	  .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
	  .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
	  .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
	  .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
	  .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
	  .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	  	width: 100% !important;
	}
}
@media (max-width: 1030px){
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
	 .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
	 .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
	 .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
	 .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
	  .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
	  .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
	  .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
	  .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
	  .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
	  .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
	  .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	  	width: 100% !important;
	}
}