@charset "utf-8";
*html .baseMessage {position: absolute;top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(35 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}
.baseMessage{
	height:53px;
	overflow:hidden;
	padding:5px 15px 5px 10px;
	display:none;
	position:fixed;
	top:35%;
	left:50%;
	z-index:0;
}
.baseMessage .icon_ok{background:url(../images/tip_layer.png) no-repeat -7px 0;_background:url(../images/tip_layer.gif) no-repeat -7px 0;height:53px;display:inline-block;width:44px;vertical-align:middle;}
.baseMessage .icon_warn{background:url(../images/tip_layer.png) no-repeat -7px -54px;_background:url(../images/tip_layer.gif) no-repeat -7px -54px;height:53px;display:inline-block;width:44px;vertical-align:middle}
.baseMessage .icon_error{background:url(../images/tip_layer.png) no-repeat -7px -108px;_background:url(../images/tip_layer.gif) no-repeat -7px -108px;height:53px;display:inline-block;width:44px;vertical-align:middle}
.baseMessage .icon_txt{background:url(../images/tip_layer.png) 0 -161px;_background:url(../images/tip_layer.gif) 0 -161px;height:53px;line-height:53px;display:inline-block;padding:0 10px;vertical-align:middle;min-width:50px;font-size:14px;font-weight:bold;color:#606060;}
.baseMessage .icon_r{background:url(../images/tip_layer.png) no-repeat 0 0;_background:url(../images/tip_layer.gif) no-repeat 0 0;height:53px;display:inline-block;width:6px;vertical-align:middle;}

.upIcon{background:url(../images/up.gif) no-repeat;width:16px;height:16px;display:inline-block;}
.downIcon{background:url(../images/down.gif) no-repeat;width:16px;height:16px;display:inline-block;}
.deleteIcon{background:url(../images/delete.gif) no-repeat;width:16px;height:16px;display:inline-block;}


/*nav*/


.top_bj{width: 100%;height: 55px;background: #17A0F0;}
.navcy{
	height:55px;
	width:72%; margin:0 auto; padding:0; 
}
.navcy ul{
	width:100%;
}
.navcy ul li{
	float:left;
	width:12.5%;
	line-height:55px;
	display:inline;
	position:relative;
	z-index:99999;
	font-size:16px;z-index:99999;
}
.navcy ul li a{display:block; color:#fff;display:block;transition-duration:all .5s;text-align: center; font-size:16px;}
.navcy ul li a:hover{color:#000000;border-radius: 0px;-moz-border-radius:0px;-webkit-border-radius:0px;background: #fff; font-size:16px; height:55px;}

.subnav{
	width:550px;
	position:absolute;
	top:55px;
	z-index:99999;
	background:#fcfcfc;
	display:none
}
.investor-subnav{
	height:240px;
	font-size: 14px;
}
.list{
	width:50%;
	border-right:1px solid #e9e9e9;
	float:left;
	margin-top: 15px;
}
.list ol li{
	width:80%;
	margin:5px;
	height:35px;
	background:#17A0F0;
	text-align:center;
}
.list ol li a{height:35px;line-height:35px;width:100%;color:#fff;font-size:14px;display: block}
.list ol li a:hover{color:#fff;background:#373737;width:100%;height:35px;line-height:35px;border-radius:0}

.about-nav-img{
	width:43%;
	height:220px; margin:3%;
	float: right;
	color: #555555;
	z-index:99999;
}




.investor-subnav2{width:100%;height:240px;font-size: 14px; z-index:99999;}
.list2{
	width:100%;
	padding:15px;
	border-right:1px solid #e9e9e9;
	float:left
}
.list2 ol li{
	width:130px;
	margin:5px; margin-right:20px;
	height:35px;
	background:#0099FF;
	text-align:left;
}
.list2 ol li a{height:35px;line-height:35px;width:130px;color:#fff;font-size:14px;display: block;flot:left; }
.list2 ol li a:hover{color:#fff;background:#373737;width:130px;height:35px;line-height:35px;border-radius:0}


.product_three_list .item:hover img, .product_two_list .item:hover img, .product_one_list .item:hover img, #top_scroll ul li:hover img, .news_two_list .news_box li:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}
img{ border: 0;vertical-align: middle;max-width:100%;display: block;}

.scroll_bg{background: #d93035;}
#scroll_one{height:170px;position:relative;overflow: hidden;margin:0 auto;padding:45px 0 50px 0;margin-top: 50px;}
#scroll_one ul{width:100000px;position:absolute;left:0;}
#scroll_one ul li{float: left;text-align: center;margin-right:28px;}
#scroll_one ul li img{display: inline-block;width:136px;height:136px;border:6px solid #fff;border-radius:50%;}
#scroll_one ul li h3{display:block;color:#fff;margin-top:10px;width:100%;font-size: 16px;text-align: center;font-weight: 700;}
#scroll_one ul li a:hover img, #scroll_one ul li a:hover strong{border-color:#272525;}


#top_scroll {
	overflow: hidden;
	width:100%;
	margin:0 auto;
	margin-top: 0px;
}
#top_scroll ul li{float: left;width:24%;margin:0.5%;background-color:#fff;text-align: center;}
#top_scroll ul li .img{overflow: hidden;}
#top_scroll ul li img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#top_scroll ul li:hover img{-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1); }
#top_scroll ul li h3{color:#333;font-size:18px;border-bottom: 1px solid #e7e7e7;line-height: 48px;}
#top_scroll ul li p{font-size:12px;color:#666666;line-height:24px;height:24px;overflow: hidden;padding:0 20px;}
#top_scroll ul li a{position: relative;}
#top_scroll ul li a .kuang{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block; text-align: center;z-index: 999;opacity: 0;transition: .5s;}
#top_scroll ul li a:hover .kuang{opacity: 1; }
#top_scroll ul li a .kuang img{width: 77px;height: 78px;display: inline-block;margin-top: 25%;}
#top_scroll ul li a .kuang ol{color: #fff;font-size: 16px;margin-top: 8%;;}
#top_scroll ul li a .kuang ol span{font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black," sans-serif";font-size: 32px;}
#top_scroll ul li a:hover{background-color:#fff;}
#top_scroll ul li a:hover h3, #top_scroll ul li a:hover p{background:#17A0F0;color: #fff;transition: .5s;}


.case_more{text-align: center;margin-top: 60px;}
.case_more a{display: inline-block;width: 265px;height: 40px;background: #212121;text-align: center;color: #fff;line-height: 40px;border-radius: 40px;margin: 0 30px;}
.case_more a:hover{background: #dc3023;transition: .5s;}
.case_more div{display: inline-block;width: 265px;height: 40px;border-radius: 40px;background:#ce0117 url(../images/dhdh.jpg)30px center no-repeat;    vertical-align: top;margin: 0 30px;}
.case_more div span{color: #fff;line-height: 40px;font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black," sans-serif";font-size: 28px;margin-left: 30px;}