@font-face { 
	font-family:"Lato", sans-serif;
}
a {
	-webkit-tap-highlight-color: rgba(204,204,204,0.2);
	text-decoration:none;
}
.class_h {
	position: absolute;
	font-family: "Lato", sans-serif;
	padding: 5px 0 0 5%;
	float:left;
}
.class_h h1 {
	color: #FFFFFF;
	font-size: 36px;
	letter-spacing: 1.5px;
	font-weight:300;
	padding: 0px 0;
}
.class_h h2 {
	color: #000000;
	font-size:36px;
	font-weight:700;
	letter-spacing: normal;	
}
.class_h h4 {
	color: #cb0708;
	font-size:15px;
	font-weight:700;
	letter-spacing: normal;
	margin: -12px 0 0 112px;
}

.red {	
	color: #cb0708;
	font-size:36px;	
	font-weight:700;
}
.fat {
	font-weight:700;
}

@font-face { 
	font-family:"Lato", sans-serif;
}
main_body {
	font-size:15px;
	color: #F2F4F7;
	margin: 0;
	padding: 0;
}
a {
	-webkit-tap-highlight-color: rgba(204,204,204,0.2);
	text-decoration:none;
}
.col h1 {
	color: #000000;
	font-size: 37px;
	letter-spacing: normal;
	font-weight:400;
	line-height: normal;
	text-align:left;
	padding: 30px 0 0 24px;
}
.col h2, .col_0 h2, .col_T0 h2, .col_ar h2, .price {
	color: #000000;
	font-size: 37px;
	letter-spacing: normal;
	font-weight:400;
	line-height: normal;
	text-align:left;
	padding: 30px 0 0 24px;
}
.col h3, .col_0 h3, .col_T0 h3, .col_b0 h3, .col_ar h3 {
	color: #555555;
	font-size: 20px;
	letter-spacing: normal;
	font-weight:400;
	line-height: normal;
	text-align:left;
	padding: 10px 0 0 24px;
}
.col p, .col_0 p, .col_T0 p {
	color: #555555;
	font-size: 15px;
	letter-spacing: normal;
	font-weight:400;
	padding: 10px 24px 0 24px;
	line-height: 1.5;
	text-align:justify;
}
.col h4 {
	color: #cb0708;
	font-size:15px;
	font-weight:700;
	letter-spacing: normal;
	margin: -34px 0 0 160px;
}



.list_icon:hover { background-color:#FFFFFF; color: #f2f4f7; }
.fat {
	font-weight:700;
}
.col_boss, .col_block {
	width:100%;
	position:relative;
	overflow:hidden;
	max-width:1050px;
	margin-left:auto;
	margin-right:auto;
}
.col, .col_0, .col_T0, .col_b0, .col_ar, .col_block {
	display: block;
	float:left;
}
.col { margin: 0 0 2% 2%; }
.col_0 { margin: 3% 0 2% 0; }
.col_T0 { margin: 0 0 2% 0; }
.col_b0 { margin: 0 0 0 0; }
.col_ar { margin: 0 0 0 2%;}
.col_block { width: 32%; margin: 3% 0 0 2%; /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.30);*/}
.col:first-child, .col_T0:first-child, .col_b0:first-child, .col_ar:first-child, .col_block:first-child { margin-left:0;}
.span_33 { width: 99.99999%; background-color: #FFFFFF }
.span_23 { width: 66%; height: 600px; background-color: #FFFFFF}
.span_13 { width: 32%; height: 600px; background-color: #FFFFFF}
.sec {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.bg1 {
	background-color: #FFFFFF;
}
.bg2 {
	background-color: #FFFFFF;
}
.bg3 {	
	background-color: #FFFFFF;
}


.list_icon i {
	font-size:32px;
	padding: 15px 0 0 0;
	display: inline-block;	
}
.col_0 h2 {
	padding: 12px 0 0 100px;
	font-size:24px;
	color: #023e5e;
}
.col_0 p {
	padding: 34px 24px 0 24px;
}
ul li { 
	display:list-item;
	list-style:none;
	text-align:left;
}
li {
	color:#f2f4f7;
	padding: 10px 24px 0 24px;
	font-size: 14px;	
}
.lii {
	font-size:24px;
	padding-right: 10px;
	color: #179bdf;
	display: inline-block;
	vertical-align:middle;
}
.leg li { color:#6e9db7; text-align:left; padding-top: 6px; }
.leg li:first-child { padding-top: 16px;}
.leg h5 { font-size:17px; vertical-align:middle; text-align:left; padding-left: 26px; color:#f2f4f7}
.leg h5 a { font-size:17px; vertical-align:middle; text-align:left;  color:#f2f4f7}
.borderv { border-right: 1px solid #6e9db7;}
.borderv:last-child { border-right:none; } 



@media screen and (min-width: 769px) and (max-width: 1170px) {
	.span_13, .span_23 { width: 49%; min-height:440px; background-size:cover; }
	.col p, .col_0 p, .col_T0 p { font-size: 18px; padding-right: 4%; padding-bottom: 4%; line-height:normal; }
	.m200, .span_23, .span_131 { height:auto;}
	.span_13 ul li, .gray li, .col h3 { font-size: 18px;}
	.lii { font-size:30px;}
	.col_0 h2 {padding: 0 0 0 120px; }
}

@media screen and (max-width: 768px) {
	.span_13, .span_23, .span_33  { width: 100%;}
	.span_13 { height:auto; min-height: 380px; margin-left:0;}
	.span_23 { height:auto; min-height: 380px; margin-left:0;}
	.bgf { background-size: cover; }
	.col h2, .col_0 h2, .col_T0 h2, .col_ar h2 { font-size: 30px}
	.col p, .col_0 p, .col_T0 p { font-size: 22px; padding-right: 4%; padding-bottom: 4%; line-height:normal;}
	.h60 h2 { padding: 3% 4% 0 0; line-height:normal;}
	.span_131 { width: 100%; height:auto;}
	.span_132 h3, .span_132 h2, .col_ar h2{ padding-left:0;}
	.bgt h3 { padding-right:0;}
	.m200 { height:auto;}
	.span_13 ul li, .gray li, .col h3 { font-size:22px;}
	.lii { font-size:30px;}
	.col_block { width:100%; margin-left:0;}
	 .col_ar h3 {font-size: 30px; text-align:center;}
	.col_ar h2 {text-align:center;}
	.span_130 { width:100%; height:auto;}
	}


@font-face { 
	font-family:"Lato";
}
a {
	-webkit-tap-highlight-color: rgba(204,204,204,0.2);
	text-decoration:none;
}
.span_full a h3 {
	font-size: 60px;
	font-weight: 700;
	margin: 0;
}
.span_full a p {
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 2px;
	padding: 2% 0 0 0;
}
.span_3 ul a:hover, .active:hover, .span_33 ul a:hover, .span_33 li.active a:hover, .span_right ul li a:hover {
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
.col_footer, .col_footer1  {
	display: block;
	float:left;
}
.col_footer {margin: 5% 0 2% 5%;}
.col_footer1 {margin: 0 ;}
.span_left { width: 60%; }
.span_right { width: 30%; }

.span_3 { 
	width: 25%;
    border-right: 1px solid #cccccc;
    height: 230px;
    padding: 0 1% 0 2%;
}
.col_3 {
	display:block;
	float:left;
	margin: 2% 0 2% 2%;
}
.col_3:first-child { 
	margin-left: 0; 
}
.span_33 ul li, .span_right ul li, .span_3 ul li { 
	display:list-item;
	list-style:none;
	text-align:left;
}
.span_33 ul, .span_right ul, .span_3 ul {
	margin-top:0;
}
.span_right li, .span_33 li, .span_3 li {
	left:0;
	padding: 4px 0;
}
.col_3 ul li a, .span_right ul li a {
	
	font-size: 14px;
	color: #666666;
}
.he70 ul li, .he70 ul li a {	
	font-size: 13px;
	color: #ccc;
}
.col_3 h4, .span_right h4 {	
	padding: 0 0 20px 0;
	font-size: 19px;
	text-decoration:none;
	font-weight: 400;
	color: #333333;
	text-align: left;
}
.span_right h4 { padding-top: 3%;}
.span_right h2, .span_right ul li a p { margin:0;}
.span_right ul li {
	float:left;
	padding: 0 10px 2% 0;
}
.span_33 ul li {
	float:left;
	padding: 20px 6px 2%;
}
.span_right ul li{ padding:0 2% 4% 0; width:420px;}
.span_33 ul li a { border-right: solid 0px #6d6d6d; padding-right:6px;}
.bordernone a i li{ border-right: none;}
.list_icon i {
	font-size:32px;
	color:#CCCCCC;	
	padding: 0 20px 0 0;
	border: 0px;
}
.bgfooterc { height:auto; background-color: #f8dadb}
.he70 { height: 60px; background-color: #333333; width: 100%;}

.span_3 ul a:hover, .active:hover, .span_33 ul a:hover, .span_33 li.active a:hover, .span_right ul li a:hover{
	color: #000000;
	text-decoration:none;
}
.span_3 ul a:hover {
	border-bottom: 1px solid #000000;
}
.span_33 li a i:hover{
	color: #FFFFFF;
}
.span_33 ul a:hover { 
	color: #FFFFFF;
}
.active {color: #666666;}
.pad_i { 
	padding: 0 10px; 
	font-size: 20px;
	color: #555555;
}
.pad_i1 { padding-left: 40px }
.pad_ul { padding-left: 3%}

.bigwc { 
	font-size: 22px;
	color: #333333;
	font-weight: 700;
	letter-spacing: 2px;
}

@media screen and (min-width: 769px) and (max-width: 1170px) {
.span_left, .span_right {width: 100%;} 
.span_3 {width: 20%;}
.span_right ul li {width: 50%; padding: 0;}
.list_icon i { font-size: 70px; padding: 0 20px 100px 0;}
.he70 { height:auto;}
.pad_i {padding: 0 60px; font-size: 50px; }
.span_full a { margin: 9% 0 0 0;}
}
@media screen and (max-width: 768px) {
.col_footer {margin:0;}
.span_left, .span_right {width: 100%;} 
.span_3 {
	width: 100%;
    margin: 16% 0 12%;
}
.span_3 ul li {
	text-align: center;
}
.col_3 h4, .span_right h4 {font-size:30px; text-align: center;}
.col_3 ul li a, .span_right ul li a, .he70 ul li, .he70 ul li a, h4 {font-size: 26px;}
.span_right ul li {width: 100%; padding: 20px;}
.list_icon i { font-size: 70px; padding: 0 20px 100px 0;}
.he70 { height:auto;}
.pad_i {padding: 0 50px; font-size: 40px; }
.span_full a {
	
	width: 480px;
	margin:20% 0 0 0; 
}
.span_full a p { font-size: 22px;}
.pad_center {
	margin: 3% 0;
    
    display: inline-block;
    text-align: center;
}
}
@media screen and (max-width: 648px) {
	.pad_i {
    	padding: 0 24px;
	}
}