@charset "utf-8";
.banner_01 { width:100%; height:464px; overflow:hidden; clear:both; position:relative;}
#jdt{width:100%; height:444px; overflow:hidden;}
#jdt li { width:100%; float:left;}
#jdt li .img { width:50%; float:left;height:444px;position: relative; text-align:center;display: inline-block;line-height: 444px;vertical-align: middle;overflow:hidden;}
#jdt li .img img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:100%; max-height:100%;}
#jdt li .img img { max-width:60%; height:auto !important; height:100%;}
#jdt li .text { width:30%; float:left; padding-top:100px;}
#jdt li .text h3 { font-size:24px; color:#0f54b3; font-weight:bold; padding:10px 0;}
#jdt li .text .tex { color:#858585; line-height:24px; font-size:14px;min-height: 96px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
#jdkz{position:absolute; left:25%; width:200px; margin-left:-50px; bottom:0; z-index:99999; height:35px;}
#jdkz li{font-family:Arial,"宋体";font-size:50px; display:inline; margin:0 10px; color:#999; float:left; -moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7; cursor:pointer;}
#jdkz .xkz{ color:#0f54b3; -moz-opacity:0.10; filter:alpha(opacity=70); opacity:0.7;}

.foucebox {width:86%;height:550px;background:#fff;margin:15px auto; position:relative;-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc;}
.foucebox .bd { position:absolute; left:0; top:0; z-index:9;width:100%;height:550px;overflow:hidden;}
.foucebox .showDiv {position:relative;width:100%;height:550px;}
.foucebox .showDiv .img { width:80%;  position:absolute; right:0; top:0; overflow:hidden;}
.foucebox .showDiv .img img { height:100%; max-width:auto !important; width:100%;/* Gecko browsers */
-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomleft: 3px;-moz-border-radius-bottomright: 3px;/* Webkit browsers */
-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-webkit-border-bottom-right-radius: 3px;/* W3C syntax */
border-top-left-radius: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius:  3px;}
.foucebox .showDiv .tex { width:20%; background:#fff; height:400px; position:absolute; left:0; top:18%; z-index:999; text-align:center;}
.foucebox .showDiv .tex h2 {font-size:1.6em;line-height:34px; color:#09509e; margin:0 10%; padding-bottom:6px;border-bottom:#09509e 2px dotted;}
.foucebox .showDiv .tex img { height:90px; margin-bottom:15px;}
.foucebox .showDiv .tex .pp { font-size:1.1em; line-height:1.8em; color:#444; padding:5%;}
.foucebox .showDiv .tex .pp span { display:inline-block; width:140px;}
.foucebox .foucebox_bg {position:absolute;right:0;bottom:0;width:80%;height:550px;background:#000;filter:alpha(opacity=60);opacity:0.6;z-index:8;overflow:hidden;}
.foucebox .hd {width:80%;height:550px;position:absolute; right:0; top:0; z-index:99;}
.foucebox .hd ul li {width:16.5%; text-align:center;height:550px; border-left:#fff 1px solid;float:left;}
.foucebox .hd ul a {color:#fff; font-size:16px; text-decoration:none;}
.foucebox .hd ul img {height:70px; margin-top:95%; margin-bottom:15px;transition:width 1s, height 1s;
-moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */
-webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */
-o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */
}
.foucebox .hd ul li:hover img{transform:rotate(-360deg);
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */
}

@media screen and (max-width: 1024px) and (min-width: 0px){
	.banner_01 { height:464px;}
	#jdt{height:444px;overflow:hidden;}
	#jdt li .img { width:100%; height:244px; line-height:244px; display:block;}
	#jdt li .img img { max-width:80%;}
	#jdt li .text { width:90%; padding:20px 5% 0 5%; display:block;}
	#jdt li .text .tex { line-height:20px;min-height: 80px;}
	#jdkz { bottom:210px;left:45%;}
	#jdkz li { margin:0;}

	.foucebox {width:96%;height:556px;}
	.foucebox .bd { height:556px;}
	.foucebox .showDiv {position:relative;width:100%;height:556px;}
	.foucebox .showDiv .img { width:100%; height:306px; top:250px;}
	.foucebox .showDiv .tex { width:100%; background:#fff; height:220px; top:0; padding-top:15px;}
	.foucebox .showDiv .tex h2 {font-size:24px;line-height:70px; color:#000; display:inline-block;}
	.foucebox .showDiv .tex img { height:50px; margin-right:15px; display:inline-block; margin-bottom:0;}
	.foucebox .showDiv .tex .pp { line-height:20px; padding:10px; text-align:left;}
	.foucebox .foucebox_bg {width:100%;height:306px;}
	.foucebox .hd {width:100%;height:306px;top:250px;}
	.foucebox .hd ul li {width:100%;height:50px; text-align:left; line-height:50px; border-top:#fff 1px solid;}
	.foucebox .hd ul img { width:30px; height:30px; vertical-align:middle; margin-right:15px; margin-left:10%; margin-top:10px; float:left;}
	.foucebox .hd ul p { float:left;}
	.foucebox .showDiv .tex h2 { line-height:50px;}
}