/* CSS Document */
@import url(font-awesome/css/font-awesome.min.css);
html, body { height:100%;}

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family:"Lato", "Arial", sans-serif; font-size:15px; color:#ffffff; line-height:24px; }
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; color:#ffffff;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
a:hover {	color:#ffffff; text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.main-Box, .top-Box, .menu-Box, .banner-Box, .content-Box, .content2-Box, .footer-Box, .copyright-Box { max-width:1130px; margin:0 auto; text-align:left; position:relative; clear:both;}




.after-0:after { clear:both; display:block; content:""; height:0; text-indent:-99999px;}
.after-5:after { clear:both; display:block; content:""; height:5px; text-indent:-99999px;}
.after-10:after { clear:both; display:block; content:""; height:10px; text-indent:-99999px;}
.after-15:after { clear:both; display:block; content:""; height:15px; text-indent:-99999px;}
.after-20:after { clear:both; display:block; content:""; height:20px; text-indent:-99999px;}

.slider a:before { content:""; display:block; position:absolute; width:100%; height:100%; z-index:1;}


#content {}
.idx-section-1 { background:url(../images/idx-section1-bg.jpg) no-repeat top center #000; background-size:cover; position:relative; min-height:500px;}
.idx-section-1 a:hover { opacity:0.8;  filter: alpha(opacity=80);display: block;}
.idx-section-1:after { content:""; position:absolute; width:100%; bottom:0; left:0; height:20px; background:rgba(255,255,255,.5); z-index:10;}
.idx-section-1-pto { position:absolute; top:0; right:18px;}
.idx-section-1-content { width:50%; padding:40px 50px 50px 50px; font-size:15px; line-height:24px; position:relative; z-index:9;}
.idx-section-1-content b { display:block; padding-bottom:23px; text-align:center;}
.idx-section-1-content span { display:block; text-align:center; font-size:42px; line-height:120%; text-transform:uppercase; color:#fff; padding-bottom:10px;}
.idx-section-1-btn { text-align:right; padding-top:20px;}
.idx-section-1-btn .aa {display:inline-block;background:url(../images/idx-section1-btn.png) no-repeat;width:140px;height:29px;text-align:left;color:#e05513;font-size:16px;padding:2px 0 0 9px;text-transform: none;line-height: inherit;}


.idx-section-2 { background:#fafaf9; position:relative; min-height:500px;}
.idx-section-2 a:hover { opacity:0.8;  filter: alpha(opacity=80);display: block;}
.idx-section-2:after { content:""; position:absolute; width:100%; bottom:0; left:0; height:20px; background:#dc0012; z-index:10;}
.idx-section-2-pto { position:absolute; top:0; right:0px; background:url(../images/idx-section2-1.jpg) no-repeat ; height:100%; width:100%; background-position:calc(50% + 440px) 0}
.idx-section-2-content { width:50%; padding:40px 50px 50px 50px; font-size:15px; line-height:24px; position:relative; z-index:9; color:#000;}
.idx-section-2-content b { display:block; padding-bottom:23px; text-align:center;}
.idx-section-2-content span { display:block; text-align:center; font-size:42px; line-height:120%; text-transform:uppercase; color:#000; padding-bottom:10px;}
.idx-section-2-btn { text-align:right; padding-top:20px;}
.idx-section-2-btn .aa {display:inline-block;background:url(../images/idx-section2-btn.png) no-repeat;width:140px;height:29px;text-align:left;color:#fff;font-size:16px;padding:2px 0 0 9px;text-transform: none;line-height: inherit;}


.idx-section-3 { background:#008ccf; position:relative; min-height:500px;}
.idx-section-3 a:hover { opacity:0.8;  filter: alpha(opacity=80);display: block;}
.idx-section-3:after { content:""; position:absolute; width:100%; bottom:0; left:0; height:20px; background:#036eae; z-index:10;}
.idx-section-3-pto { position:absolute; top:0; right:0px; background:url(../images/idx-section3-1.jpg) no-repeat ; height:100%; width:100%; background-position:calc(50% + 440px) 0}
.idx-section-3-content { width:50%; padding:40px 50px 50px 50px; font-size:15px; line-height:24px; position:relative; z-index:9; color:#fff;}
.idx-section-3-content b { display:block; padding-bottom:23px; text-align:center;}
.idx-section-3-content span { display:block; text-align:center; font-size:42px; line-height:120%; text-transform:uppercase; color:#fff; padding-bottom:10px;}
.idx-section-3-content ul { padding:0 15px}
.idx-section-3-content li { display:inline-block; vertical-align:top; width:calc(50% - 5px); padding-right:20px; line-height:28px;}
.idx-section-3-content li div { display:block; padding-left:18px; position:relative;}
.idx-section-3-content li div:before { content:"+"; position:absolute; top:0px; left:2px;}
.idx-section-3-btn { text-align:right; padding-top:20px;}
.idx-section-3-btn .aa {display:inline-block;background:url(../images/idx-section3-btn.png) no-repeat;width:140px;height:29px;text-align:left;color:#004592;font-size:16px;padding:2px 0 0 9px;text-transform: none;line-height: inherit;}


.idx-section-4 { background:url(../images/idx-section4-1.jpg) no-repeat top center; background-size:cover; position:relative; min-height:500px; padding:70px 0;}
.idx-section-4:after { content:""; position:absolute; width:100%; bottom:0; left:0; height:20px; background:rgba(255,255,255,.5); z-index:10;}
.idx-about, .idx-news { display:inline-block; vertical-align:top; width:calc(50% - 5px); padding:0 18px;}
.idx-about { font-size:15px; line-height:26px; color:#ffffff;}
.idx-about b { display:block; padding-bottom:23px; text-align:center;}
h1 { display:block; font-size:20px; line-height:120%; color:#fff; padding-bottom:10px; text-align:left; font-weight:normal;}
.idx-about-content { text-align:left;}
.idx-about-btn { text-align:right; padding-top:20px;}
.idx-about-btn a { display:inline-block; background:url(../images/idx-section4-btn.png) no-repeat; width:140px; height:29px; text-align:left; color:#fff; font-size:16px; padding:2px 0 0 9px;}
.idx-about-btn a:hover { opacity:0.6;  filter: alpha(opacity=60);}
.idx-news-title { position:relative; padding-right:70px; color:#ea5604; font-size:30px; padding-bottom:20px; line-height:130%;}
.idx-news-more { display:inline-block; position:absolute; top:5px; right:0; color:#eb5f01;  font-size:13px; text-decoration:underline;}
.idx-news-more:hover { color:#fff;}
.idx-news-table { display:table;}
.idx-news-tr { display:table-row;}
.idx-news-td { display:table-cell; border-bottom:1px solid rgba(255,255,255,.1); padding:8px 0; text-align:left; vertical-align:top; color:#fff; font-size:15px;}
.idx-news-date { width:152px;}




@media only screen and (max-width: 1420px) {
}

@media only screen and (max-width: 768px) {
.idx-section-1 { background-position:top left; min-height:inherit;}
.idx-section-1-pto { opacity:0.25;  filter: alpha(opacity=25);}
.idx-section-1-content { width:100%; padding:20px 20px 55px 20px;}
.idx-section-2 { min-height:inherit;}
.idx-section-2-pto { opacity:0.25;  filter: alpha(opacity=25); background-position:top center;}
.idx-section-2-content { width:100%; padding:20px 20px 55px 20px;}
.idx-section-3 { min-height:inherit;}
.idx-section-3-pto { opacity:0.25;  filter: alpha(opacity=25); background-position:top left;}
.idx-section-3-content { width:100%; padding:20px 20px 55px 20px;}
.idx-section-3-content ul { padding:0;}
.idx-about, .idx-news { width:100%;}
.idx-about { padding-bottom:30px;}
.idx-news-date { width:100px;}
}
@media only screen and (max-width: 640px) {

}
@media only screen and (max-width: 570px) {
.idx-section-1-content span, .idx-section-2-content span, .idx-section-3-content span { font-size:30px;}
}

@media only screen and (max-width: 414px) {

}

@media only screen and (max-width: 320px) {

}