/* CSS Document */
@import url(font-awesome.min.css);

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family:Arial, Helvetica, sans-serif,"microsoft yahei"; font-size:15px; color:#999999; line-height:120%; letter-spacing:1px; }
img {	border:0; }

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

a { text-decoration:none; color:#363636;
-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:#6c6c6c; 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:1100px; 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;}

#gotop { display: none; position: fixed; right:20px; bottom:20px; cursor: pointer; }
#gotop a { display:inline-block; width:30px; height:30px; border-radius:100%; padding-top:6px; color:#000; opacity:0.5;  filter: alpha(opacity=50); background:#fff;}
#gotop a:hover { color:#000; opacity:1;  filter: alpha(opacity=80);}


.banner { line-height:0;}
.item img { width:100%;}
.owl-theme .owl-controls { position:absolute; width:100%; z-index:100; bottom:15px;}
#owl-demo .owl-buttons { display:none !important;}


.bottom-link { padding-top:20px; line-height:0;}
.bottom-link li { float:left; width:33.3333%; position:relative; background:#000; overflow:hidden; line-height:0;}
.bottom-link li img { opacity:0.45;  filter: alpha(opacity=45);
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.bottom-link li:first-child img { opacity:0.6;  filter: alpha(opacity=60);}
.bottom-link li span { display:block; position:absolute; z-index:2; top:calc(50% - 45px); margin:0 auto; color:#ffffff; font-size:60px; text-transform:uppercase; width:100%; text-align:center; line-height:60px;}
.bottom-link li span:after { content:""; display:block; height:1px; background:#fff; width:200px; margin:30px auto 0 auto;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.bottom-link li:hover img { opacity:1;  filter: alpha(opacity=100);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);}
.bottom-link li:hover span:after { width:0;}

.idx-pro li { float:left; width:50%; position:relative; background:#000; overflow:hidden; line-height:0;}

.other-link { padding:20px 0;margin:0 auto;}
.other-link li { display:inline-block; margin:0 2px; width:calc(16% - -5px); position:relative; background:#000; overflow:hidden; line-height:0;}
.other-link li a > img { opacity:0.4;  filter: alpha(opacity=40);
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.other-link li span { display:block; position:absolute; z-index:2; top:calc(50% - 37px); margin:0 auto; width:100%; text-align:center;}
.other-link li:hover a > img { opacity:1;  filter: alpha(opacity=100);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);}

@media only screen and (max-width: 1024px) {
.bottom-link li span { font-size:40px;}
.bottom-link li span:after { margin-top:20px;}
.other-link { width:100%;}
}
@media only screen and (max-width: 960px) {

}

@media only screen and (max-width: 768px) {
.bottom-link li span { font-size:30px;}
.bottom-link li span:after { margin-top:10px; width:150px;}
}

@media only screen and (max-width: 640px) {
.other-link li span img { -webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
transform: scale(0.6);}
}
@media only screen and (max-width: 570px) {
.bottom-link li span { font-size:25px;}
.bottom-link li span:after { margin-top:0px; width:120px;}
}

@media only screen and (max-width: 414px) {
.idx-pro li, .bottom-link li { width:100%;}
.bottom-link li span { font-size:30px;}
.bottom-link li span:after { margin-top:10px; width:160px;}
.other-link { padding:0; margin-top:20px;}
.other-link li { display:block; width:100%; margin:0;}
.other-link li a > img { width:100%;}
.other-link li span img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);}
li.idx_pic01 { background: #fff; height: 3px;}
}

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

}