@charset "utf-8";
/* CSS Document */


html, body { height: 100%; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	text-decoration:none; 
}
	
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
	
.clr {clear:both; font-size:1px; height:1px; }

/* float clearing for IE6 */
* html .clearfix{ height: 1%; overflow: visible;}
/* float clearing for IE7 */
*+html .clearfix{ min-height: 1%;}
/* float clearing for everyone else */
.clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}


 body{ margin:0;  padding:0; margin:0 auto;  background-color:#FFF;  font-family:Arial; overflow:auto; overflow:-Scroll; overflow-x:hidden; color:#000;letter-spacing:1px; text-decoration: none; }

*,ul,li,a{margin:0; padding:0; list-style:none; font-family:Arial;}
#navmenu {width:100%; height:32px;  position:relative;  z-index:99; margin:30px auto;}
.menumain{position:relative; margin:0 auto; width:80%; background:#fff; height:32px;}
.menumain li{float:left; position:relative; display:block; width:13%; text-align:center; line-height:1.5vw; height:31px;  font-size:0.9vw; }
.menumain li a {line-height:30px; color:#333; text-decoration:none;}
#navmenu li:hover {color:#357d13; background:#fff; border-top:1px solid #03F; text-decoration:none;}
.search{ float:right; width:2%; }
.search img{ background-size:contain; width:90%; height:auto;}
#navmenu .dropdown div {display:none;}
#navmenu .dropdown:hover div {position:absolute; display:block; margin-left:-1px; top:32px; left:1px; z-index:9;}
#navmenu .subnav {width:100%;}
#navmenu .subnav a {float:left; padding:4px 0 4px 15px; line-height:26px; width:110px; display:block; white-space:nowrap; color:#333;}
#navmenu .subnav:hover {text-decoration:underline; color:#080;}
#navmenu .subnav {background:#eee; border-top:0; padding:8px;}

.top{ margin:0 auto; position:relative; width:90%;}
.ss2_wrapper { position:relative; width:100%; height:auto; overflow:hidden; }
.slideshow_item { background:#FFF;}
.slideshow_item img{background-size:contain|cover; width:100%; height: auto;}
.ss2_wrapper .slideshow { position:relative; width:100%; height:auto;}
.ss2_wrapper .slideshow_item { width:100%; height:auto; }
.ss2_wrapper .slideshow_item .data { display:none; text-decoration:none; }	
.ss2_wrapper a.slideshow_prev { position:absolute; left:-40px; top:160px; z-index:10; width:40px; height:46px; outline:none;  }
.ss2_wrapper a.slideshow_prev:hover { background:#fff; }
.ss2_wrapper a.slideshow_prev span { display:block; width:40px; height:46px; background:url(../images/arrows.png) no-repeat -55px 50%; text-indent:-9999px;}
.ss2_wrapper a.slideshow_next { position:absolute; right:-40px; top:160px; z-index:10; width:40px; height:46px; outline:none;  }
.ss2_wrapper a.slideshow_next:hover { background:#fff; }
.ss2_wrapper a.slideshow_next span { display:block; width:40px; height:46px; background:url(../images/arrows.png) no-repeat -5px 50%; text-indent:-9999px; }
.ss2_wrapper .slideshow_paging { position:absolute; bottom:4%; left:4%; z-index:11111; font-size:0.8vw; padding:3px 2px;  }
.ss2_wrapper .slideshow_paging a { display:block; float:left; margin:0 1px; padding:3px 7px; color:#ccc; }
.ss2_wrapper .slideshow_paging a:hover { color:#fff }
.ss2_wrapper .slideshow_paging a.activeSlide { background:#fff; color:#222; }

.ss2_wrapper .slideshow_box { position:absolute; left:0; bottom:0;  width:100%; height:auto; z-index:10000000; }
.ss2_wrapper .slideshow_box .data { color:#fff; text-decoration:none; }
.ss2_wrapper .slideshow_box .data h4 { font-size:0.8vw; padding:0; margin:0 0 10px 0; text-decoration:none; text-align:center; line-height:2.0vw; font-weight:normal; letter-spacing:25px;  }
.ss2_wrapper .slideshow_box .data h4 span{display:flex; flex-wrap:wrap; font-size:3.4vw; line-height:4.8vw; letter-spacing:5px; justify-content:center; align-items:end; text-align:center; }

.ss2_wrapper .slideshow_box .data h4 span > :last-child { text-align: center; }
.ss2_wrapper .slideshow_box .data p {padding:3% 4%;  line-height:2.8vw; font-size:1.7vw; margin-top:22%; letter-spacing:0px; font-weight:300; color:#fff; background:linear-gradient(to bottom, rgba(4,51,89,.1) 20%, rgba(1,24,43,.5) 60%, rgba(1,24,43,.1) 100%);}
.ss2_wrapper .slideshow_box .data p .top_buttom{ float:right; border:none; outline:none; background:#fff; width:20%; padding:0.5%; border-radius:10px; line-height:1.4vw;  font-size:0.8vw; cursor:pointer; letter-spacing:0px; margin-top:2.5%;}
.ss2_wrapper .slideshow_box .data p .top_buttom a{ text-decoration:none; color:#000;}
.ss2_wrapper .slideshow_box .data p .top_buttom:hover{ background:#f9b63a;}
.ss2_wrapper .slideshow_box .data a { color:#fff; }

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

	.ss2_wrapper .slideshow_box {
		height:78%;}
	.ss2_wrapper .slideshow_box .data p{
		height:38%; 
		}
	.ss2_wrapper .slideshow_box .data h4 span.jl{letter-spacing:15px; }
	
}
@media screen and (max-width:1920px) {

	.ss2_wrapper .slideshow_box {
		height:68%;
	}
	.ss2_wrapper .slideshow_box .data p{
		height:28%; 
		}
	.ss2_wrapper .slideshow_box .data h4 span.jl{letter-spacing:12px; }
}
 
@media screen and (max-width: 1280px) {
	.ss2_wrapper .slideshow_box  {
		height:62%;
	}
   .ss2_wrapper .slideshow_box .data h4 span .jl{letter-spacing:12px; }
   .ss2_wrapper .slideshow_box .data p{
		height:28%; 
		}
}


.bottom{margin:0 auto; position:relative; width:95%;  padding-top:5%; }
.bottom_main{margin:0 auto; position:absolute; width:92%; padding:3% 4% 1% 4%; background:#e5e5e5; border-radius:20px;}
.bottom_part1{ float:left; width:100%; }
.bottom_part1_left{float:left; width:48%;  }
.bottom_part1_left p{float:left; width:100%; font-size:1.2vw; text-align:left; letter-spacing:0px; line-height:calc(2.5vw + 16px); font-family:Arial; margin-top:2%; font-weight:300;}
.bto{ float:left;  border:none; outline:none; background:#fda500; width:40%; padding:1%; margin-top:30px; border-radius:10px; line-height:1.8vw; color:#FFF; font-size:1.2vw; box-shadow:none;}
.bto:hover{background:#f9b63a;}
.bottom_part1_right{float:right; width:48%; }
.bottom_part1_right_main{ float:left; width:100%; }
.bottom_menu{ float:left;  width:40%; }
.bottom_menu ul li{float:left; width:100%; font-size:1.1vw; line-height:2.2vw; font-weight:lighter;}
.bottom_menu ul li a{ color:#333;}
.bottom_menu ul li a:hover{ color:#F90;}

.bottom_dres{ float:left; margin:0 auto; width:100%; border-top:3px solid #000; margin-top:1%;}
.bottom_dres_left{float:left; width:60%;  margin-top:1.5%;}
.bottom_dres_left p{float:left; width:100%; font-size:1.2vw; text-align:left; letter-spacing:0px; line-height:calc(1.3vw + 16px); font-family:Arial; margin-top:1%; font-weight:300;}
.bottom_dres_right{float:right; width:38%; padding-top:4%; }
.bottom_dres_right ul{float:right; width:50%;}
.bottom_dres_right ul li{float:left; width:15%; }