@charset "utf-8";
::-webkit-scrollbar {
 width: 10px;
	/*滚动条宽度*/
	height: 10px/*滚动条高度*/
}


/*定义滚动条轨道 内阴影+圆角*/

::-webkit-scrollbar-track {
	/*滚动条的背景区域的内阴影*/
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3) inset;
	/*滚动条的背景区域的圆角*/
	border-radius: 0px;
	/*滚动条的背景颜色*/
	background-color: #ddd;
}


/*定义滑块 内阴影+圆角*/

::-webkit-scrollbar-thumb {
	/*滚动条的内阴影*/
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3) inset;
	/*滚动条的圆角*/
	border-radius: 0px;
	/*滚动条的背景颜色*/
	background-color: #aaa;
}
}
ul { padding: 0 !important; }
/*banner开始*/

.index_banner { padding: 0 !important; margin:80px 0 0!important; position: relative; overflow: hidden; }
.bx-prev { width: 40px; height: 74px; background: #f00; text-indent: -999999px; z-index: 999; position: absolute; float: left; left: 15px; top: 110px; }
.bx-next { width: 40px; height: 74px; background: #f00; text-indent: -999999px; z-index: 999; position: absolute; top: 110px; right: 15px; }
/*中部导航开始*/

.index_mid_nav { position: absolute; left: 50%; margin-left: -600px; bottom: 4px; z-index: 200; }
.mid_nav { float: left; height: 80px; line-height: 80px; display: block; text-align: center; position: absolute; bottom: 0px; }
.mid_nav:hover { height: 100px; line-height: 100px; }
.index_mid_nav { padding: 0 !important; }
.mid_nav0 { width: 25%; background: rgba(60, 70, 152, .8); color: #FFFFFF; }
.mid_nav0:hover { background: rgba(60, 70, 152, 1); }
.mid_nav1 { width: 14.9%; background: #66c7e7 url(../img/mid_ico1.png) 15px 15px no-repeat; left: 300px; }
.mid_nav1:hover { background: #39b7e1 url(../img/mid_ico.png) 15px 15px no-repeat; }
.mid_nav2 { width: 14.9%; background: #c2e593 url(../img/mid_ico4.png) 15px 15px no-repeat; left: 480px; }
.mid_nav2:hover { background: #a8dd60 url(../img/mid_ico.png) 15px 15px no-repeat; }
.mid_nav3 { width: 14.9%; left: 660px; background: #88cfba url(../img/mid_ico3.png) 15px 15px no-repeat; }
.mid_nav3:hover { background: #61ccac url(../img/mid_ico.png) 15px 15px no-repeat; }
.mid_nav4 { width: 14.9%; left: 840px; background: #f4b544 url(../img/mid_ico2.png) 15px 15px no-repeat; }
.mid_nav4:hover { background: #ffb836 url(../img/mid_ico.png) 15px 15px no-repeat; }
.mid_nav5 { width: 14.9%; left: 1020px; background: #eb7f4b  url(../img/mid_ico5.png) 15px 15px no-repeat; }
.mid_nav5:hover { background: #eb7f4b   url(../img/mid_ico.png) 15px 15px no-repeat;}
.mid_nav1, .mid_nav2, .mid_nav3, .mid_nav4,.mid_nav5 { margin-left: 0.1%; text-indent: 2em; color: #FFFFFF;/*filter:alpha(opacity:80); opacity:0.8;*/
}
.mid_nav1,.mid_nav2,.mid_nav3,.mid_nav4,.mid_nav5{font-size:18px; color:#fff;}
.mid_nav1:hover,.mid_nav2:hover,.mid_nav3:hover,.mid_nav4:hover,.mid_nav5:hover{font-size:18px; color:#fff; text-indent:0em}
.mid_nav  mid_nav:hover{font-size:18px; color:#fff; text-indent:0em}
.mid_nav0 a{ color:#eee;line-height: 27px;padding: 10px 20px; text-align:left; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.mid_nav0 a span{ float:right; color:#f4b544;    font-size: 10px;}
.mid_nav0 a:hover{ color:#fff;margin-top: 15px;}
.mid_nav0:hover a{margin-top: 15px;}
.mid_nav1 .mid_nav_block, .mid_nav2 .mid_nav_block, .mid_nav3 .mid_nav_block, .mid_nav4 .mid_nav_block { font-size:18px;display: block; color: #fff; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; }
.mid_nav1 .mid_nav_none, .mid_nav2 .mid_nav_none, .mid_nav3 .mid_nav_none, .mid_nav4 .mid_nav_none { display: none; }
.mid_nav1:hover .mid_nav_block, .mid_nav2:hover .mid_nav_block, .mid_nav3:hover .mid_nav_block, .mid_nav4:hover .mid_nav_block { display: none; }
.mid_nav1:hover .mid_nav_none, .mid_nav2:hover .mid_nav_none, .mid_nav3:hover .mid_nav_none, .mid_nav4:hover .mid_nav_none { font-size:18px; display: block; text-indent: 0em; color: #fff; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; 
 color: #FFFFFF;
 text-indent: 0em;
}
/*banner及中部导航结束*/

.index_body_box { background: url(../img/body_bj.jpg) center; padding: 10px 0; }
.index_body { background: #FFFFFF; padding-top: 20px;; }
.new_tit { overflow: hidden; }
.new_tit hr { background: #dcdcdc; height: 3px; border-left: 100px solid #556dff; margin: 0; }
.new_tit h5 { color: #08468c; text-transform: uppercase; }
.new_tit h4 { font-size: 18px;padding-bottom: 10px; }
.new_tit h4 span { display: block; float: right; font-size: 14px; }
.new_tit h4 span a { color: #666666; }
.new_tit h4 span a:hover { color: #556dff; }
.index_new_list { margin: 20px 0 10px; }
.index_new_list li { background: url(../img/new_ico.png) no-repeat left; list-style-type: none; }
.index_new_list li:hover { background: url(../img/new_ico_hov.png) no-repeat left; }
.index_new_list li:hover a { margin-left: 30px; color: #666666; }
.index_new_list li a { line-height: 30px; margin-left: 20px; color: #666; display: block; }
.index_new_list li a:hover { color: #0079c3 }
.index_new_list li a span { display: block; float: right; line-height: 30px; }
.mid_mar { margin: auto 4.15%; }
.index_fc_img { width: 500px; }
.index_fc_txt { width: 300px; padding: 10px; }
.index_new_box { width: 360PX; margin-right: 20PX; }
.index_fc_box { width: 800px; }
.index_fc_txt { }
.index_fc_txt h4 { font-size: 16px; color: #333333;font-weight:800 }
.index_fc_txt p { color: #666; margin: 20px 0; }
.index_fc_txt p i { width: 30px; display: block; float: left; }
.index_fc_txt .add, .index_fc_txt .phone { line-height: 20px; color: #666666; margin: 0; }
.index_fc_txt .add { margin-top: 40px; }
.index_xm_more { width: 40px; height: 40px; position: absolute; top: 0; right: 0; font-size: 27px; color: #999; }
/*业绩开始*/

.yeji { background: #FFFFFF url(../img/yeji.png); height: 150px; margin-top: 10px; position: relative; }
.timer { }
.yeji_num { position: absolute; z-index: 100; width: 100px; }
.yeji_num p span { color: #fdaf0b; font-size: 18px; }
.yeji_num p { color: #666666; }
.yeji_num1 { top: 15px; left: 102px; }
.yeji_num2 { top: 67px; left: 332px; }
.yeji_num3 { top: 18px; left: 594px; }
.yeji_num4 { top: 99px; left: 813px; }
.yeji_num5 { top: 26px; left: 1065px; }
.yeji_yuan { position: absolute; z-index: 99; }
.yeji_yuan1 { top: 39px; left: 94px; }
.yeji_yuan2 { top: 31px; left: 334px; }
.yeji_yuan3 { top: 44px; left: 594px; }
.yeji_yuan4 { top: 65px; left: 817px; }
.yeji_yuan5 { top: 52px; left: 1066px; }
 @keyframes warn {  0% {
 transform: scale(0.3);
 -webkit-transform: scale(0.3);
 opacity: 0.0;
}
 25% {
 transform: scale(0.3);
 -webkit-transform: scale(0.3);
 opacity: 0.1;
}
 50% {
 transform: scale(0.5);
 -webkit-transform: scale(0.5);
 opacity: 0.3;
}
 75% {
 transform: scale(0.8);
 -webkit-transform: scale(0.8);
 opacity: 0.5;
}
 100% {
 transform: scale(1);
 -webkit-transform: scale(1);
 opacity: 0.0;
}
}
 @keyframes warn1 {  0% {
 transform: scale(0.3);
 -webkit-transform: scale(0.3);
 opacity: 0.0;
}
 25% {
 transform: scale(0.3);
 -webkit-transform: scale(0.3);
 opacity: 0.1;
}
 50% {
 transform: scale(0.3);
 -webkit-transform: scale(0.3);
 opacity: 0.3;
}
 75% {
 transform: scale(0.5);
 -webkit-transform: scale(0.5);
 opacity: 0.5;
}
 100% {
 transform: scale(0.8);
 -webkit-transform: scale(0.8);
 opacity: 0.0;
}
}
 @-webkit-keyframes "warn" {
 0% {
 transform: scale(0);
 -webkit-transform: scale(0);
 opacity: 0.0;
}
 25% {
 transform: scale(0);
 -webkit-transform: scale(0);
 opacity: 0.1;
}
 50% {
 transform: scale(0.1);
 -webkit-transform: scale(0.1);
 opacity: 0.3;
}
 75% {
 transform: scale(0.5);
 -webkit-transform: scale(0.5);
 opacity: 0.5;
}
 100% {
 transform: scale(1);
 -webkit-transform: scale(1);
 opacity: 0.0;
}
}
.dot { position: absolute; width: 92px; height: 92px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 2px solid red; border-radius: 50%; z-index: 2; }
/* 产生动画（向外扩散变大）的圆圈  */

.pulse { position: absolute; width: 50px; height: 50px; border: 2px solid #556dff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 1; opacity: 0; -webkit-animation: warn 2s ease-out; -moz-animation: warn 2s ease-out; animation: warn 2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; box-shadow: 1px 1px 30px #556dff; }
/*底部开始*/

.foot_body { border-top: 3px solid #3c4998; line-height: 26px; padding: 0; margin-bottom: 10px; }
.foot_body .foot_right p span a { float: right; display: block; width: 100PX; line-height: 30PX; text-align: center; }
.foot_body .foot_left { padding-top: 10px; }
.foot_body .foot_right p span a:hover { background: #666; color: #fff; }
.foot_body .foot_right p span { display: block; background: #e1e1e1; float: right; }
.foot_body .foot_right p { display: block; overflow: hidden; text-align: right; margin-bottom: 0; }
.foot_body .foot_right .foot_p1 { margin-bottom: 10px; }
.foot_body .foot_right img { float: right; }