@charset "gb2312";
/* CSS Document */
*{font-size:14px;font-family:"΢ÈíÑźÚ";}
body,dl,dd,p{margin:0;}
a{text-decoration:none;}
img{display:block;}
textaea{margin:0;padding:0;outline:none;}
h1,h2,h3{font-weight:normal;margin:0;}
ul{margin:0;padding:0;}
li{list-style:none;}
.clearfix{clear:both;}

@keyframes l{
	from{width:0;}
	to{width:640px;}
}
.report{animation:l 0.5s;animation-fill-mode:forwards;}
.go-l{animation:l 0.5s;animation-fill-mode:forwards;}
@keyframes r{
	from{width:0;}
	to{width:280px;}
}
.box{animation:r 0.5s;animation-fill-mode:forwards;}
.go-r{animation:r 0.5s;animation-fill-mode:forwards;}
.lx{ width:100%;margin:0 auto; text-align:center}
.lx img{ width:62.5%; margin:0 auto;text-align:center}
.xgpd{width:62.5%;margin:0 auto;}
.xgpd h1 a{ float:right;}
.xgpd ul{ width:1000px; margin:0 auto; text-align:center;}
.xgpd li{ float:left; width:31%; padding-right:20px; padding-bottom:20px;}
.xgpd li img{ width:100%;}

.top-bg{
	width:100%;
	height:40px;
	background-color:#242424;
}
.top{
	max-width:1100px;
	margin: auto;
}
.top img{
	height:40px;
	}
.top a{
	color:#c8c8c8;
	line-height:40px;
}
.top a:hover{
	color:#fff;
}
.top-l{
	float:left;
}
.top-r{
	float:right;
}
.top-l a{
	float:left;
	margin-left:6px;
}
.top-r a{
	float:left;
	margin:0 5px;
}
.lb{
	max-width:1100px;
	margin: auto;
	margin-top:10px;
}
.logo{
	float:left;
	padding-top:5px;
}
#bn{ width:83%; float:right;}
#bn img{ width:100%; height:70px;}

.banner{
	width:100%;
	margin-top:30px;
	height:auto;
}
.banner img{ width:100%}

/*.banner{
	float:left;
	
}
.search{
	float:left;
}
.search{
	float:left;
	width:200px;
	height:auto;
}
.search input{
	float:left;
	width: 136px;
	height: 32px;background:#f2f2f2;
	border: none;
	text-indent: 12px;
	font-size: 16px;line-height: 32px;
	font-family: "Microsoft YaHei";
	color: #ccc;
	outline:none;
}
.search span{
	float: left;
	display: block;
	width: 44px;
	height: 32px;
	background:url("http://www.100ec.cn/Public/home/images/new_search.png") 15px 3px no-repeat #f2f2f2;
}*/


.content-bg{
	max-width:1100px;
	margin: auto;
	margin-left:120px;
	position:relative;
}
.content{
	position:relative;
	top:0;
	left:0;
	width:100%;
	display:none;
	overflow:hidden;
	transition:all 1s;
}

.fixed{
	position:fixed;
	top:0;
	background-color:#f8f8f8;
}
.nav{
	float:left;
	margin-top:10px;
	margin-left:6px;
}
.nav .currenta{
	color:#00bbff;
}
.nav .currenti{
	background-position:bottom;
}
.nav li{
	margin:15px 0;
	cursor:pointer;
}
.nav li:hover a{
	color:#00bbff;
}
.nav li:hover span{
	background-position:bottom;
}
.nav li a{
	font-size:18px;
	font-weight:bold;
	color:#363336;
	line-height:32px;
	transition:all 0.4s;
}
.nav li a span{
	margin-right:10px;
	width:32px;
	height:32px;
	display:block;
	float:left;
	background-repeat:no-repeat;
	background-position:top;
	transition:all 0.4s;
}

/*����*/
.report{
	float:left;
	margin-top:15px;
	padding:0 10px;
	transition:all 0.6s;
}
.report li{
	border-bottom:#ccc solid 1px;
	height:250px;
	margin-bottom:20px;
	overflow:hidden;
	transition:all 0.4s;
}
.report li:hover{
	border-bottom:#00bbff solid 1px;
}
.report li:hover h2{
	color:#00bbff;
}
.report h2{
	font-size:20px;
	font-weight:bold;
	color:#555;
	max-width:620px;
	margin:10px 0;
	margin-left:-10px;
	transition:all 0.5s;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.overview img{
	width:228px;
	height:190px;
	float:left;
}
.overview span{
	float:right;
	width:410px;
	height:185px;
	color:#333;
	line-height:30px;
	overflow:hidden;
	text-overflow:ellipsis;
}
.morebg{
	background-color:#ccc;
	transition:all 0.4s;
}
.morebg a{
	font-size:18px;
	text-align:center;
	line-height:50px;
	color:#f8f8f8;
	display:inline-block;
	width:100%;
	height:100%;
	transition:all 0.4s;
}
.morebg:hover{
	background-color:#00bbff;
}
.morebg:hover a{
	color:#fff;
}


/*����*/
.evaluation{
	float:left;
	width:0px;
	margin-top:12px;
	padding:0 10px;
	padding-bottom:50px;
	transition:all 0.6s;
}
.evaluation li{
	border-bottom:#ccc solid 1px;
	height:60px;
	margin:15px 0;
	transition:all 0.5s;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.evaluation li:hover{
	border-bottom:#00bbff solid 1px;
}
.evaluation li:hover a{
	color:#00bbff;
}
.evaluation li:hover p{
	color:#888;
}
.evaluation li a{
	font-size:18px;
	font-weight:bold;
	color:#333;
}
.evaluation li p{
	color:#ccc;
	margin-top:10px;
	transition:all 0.5s;
}
.el{
	float:left;
	margin-left:10px;
	border:#00bbff solid 1px;
	border-radius:4px;
	padding:0 2px;
	font-size:12px;
	color:#00bbff;
	transition:all 0.5s;
}
.er{
	float:right;
	margin-right:10px;
}


/*��ѵ*/
.training{
	margin-top:10px;
	float:left;
}
.training li{
	height:420px;
	overflow:hidden;
	margin-top:20px;
}
.training li img{
	float:left;
}
.tr{
	float:right;
	width:310px;
	height:400px;
	display:table;
}
/*.tr-content{
	display:table-cell;
	vertical-align:middle;
}*/
.tr h2 a{
	font-size:18px;
	font-weight:bold;
	color:#333;
	transition:all 0.5s;
}
.tr h2 a:hover{
	color:#00bbff;
}
.tr hr{
	width:100%;
	height:1px;
	border:#00bbff solid 1px;
	background-color:#00bbff;
}
.tr p{
	line-height:20px;
}
.px p{
	line-height:30px;
	color:#555;
}

.px-l{
	float:left;
}
.px-l img{
	width:300px;
	margin-bottom:10px;
}
.px-l p{
	text-align:center;
	line-height:24px;
}
.px-l p a{
	font-size:16px;
	font-weight:bold;
	color:#333;
	transition:all 0.4s;
}
.px-l p a:hover{
	color:#00bbff;
}
.px-r{
	float:right;
	width:310px;
}
.px-r h2{
	font-size:18px;
	font-weight:bold;
	color:#333;
}
.px-r hr{
	width:100%;
	height:1px;
	border:#00bbff solid 1px;
	background-color:#00bbff;
}
.px-r p{
	line-height:22px;
	font-size:12px;
}


/*����*/
.data{
	float:left;
	width:0px;
	margin-top:23px;
	padding:0 10px;
	transition:all 0.6s;
}
.data h1{
	font-size:20px;
	font-weight:bold;
	color:111;
	float:left;
}
.data a{
	color:#333;
	float:right;
	margin-left:10px;
	margin-top:7px;
	transition:all 0.5s;
}
.data a:hover{
	color:#00bbff;
}
.data hr{
	width:100%;
	height:1px;
	margin-top:5px;
	background-color:#00bbff;
	border:#00bbff solid 1px;
}
.bt span{
	font-weight:bold;
	color:#111;
}
.stocks li{
	width:100%;
	height:30px;
}
.stocks li span{
	width:15%;
	float:left;
	padding-left:5px;
	display:block;
	line-height:30px;
}
.djs{
	margin-top:30px;
}
.djs span{
	width:19% !important;
}
#cb li{
	width:111px;
	float:left;
}
#cb li p{
	padding:10px 0;
	height:20px;
}
#cb li p span{
	color:#aaa;
}
.fli p{
	font-weight:bold;
}

/*#cb p:nth-of-type(odd){ margin-left: 20px;}*/
#cb p:nth-of-type(even){background-color:#eee;}


/*����*/
.law{
	float:left;
	width:0px;
	margin-top:13px;
	padding:0 10px;
	transition:all 0.6s;
}
.law li{
	transition:all 0.4s;
	margin-top:10px;
}
.law li:hover{
	background-color:#eee;
}
.law li:hover h1{
	color:#00bbff;
}
.law h1{
	font-size:20px;
	font-weight:bold;
	color:111;
	float:left;
	transition:all 0.4s;
}
.law a{
	font-size:18px;
	font-weight:bold;
	color:#333;
	float:right;
	margin-top:3px;
	transition:all 0.5s;
}
.law a:hover{
	color:#00bbff;
}
.law hr{
	width:100%;
	height:1px;
	margin-top:5px;
	background-color:#00bbff;
	border:#00bbff solid 1px;
}
.law p{
	float:left;
	width:310px;
	margin:5px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.law p a{
	font-size:12px;
	font-weight:normal;
	float:none;
}
.tslg{
	height:310px;
	overflow:hidden;
}
.tslg a{
	float:left;
	margin:3px;
}


/*����*/
.case{
	float:left;
	margin-top:28px;
}
.case li{
	float:left;
	display:none;
}
.case-r{
	margin-right:16px;
}
.case-nav{
	background-color:#00bbff;
	height:40px;
}
.case-nav .case-current{
	background-color:#469df5;
}
.case-nav a{
	float:left;
	font-size:18px;
	line-height:40px;
	color:#fff;
	width:25%;
	text-align:center;
	cursor:pointer;
	transition:all 0.4s;
}
.case-nav a:hover{
	background-color:#469df5;
}
.case-box{
	border:#ccc solid 1px;
	float:left;
	width:310px;
	margin-top:10px; 
}
.case-top{
	height:30px;
	background-color:#469df5;
	line-height:30px;
}
.case-top h3{
	float:left;
	font-size:16px;
	color:#fff;
	margin-left:4px
}
.case-top a{
	float:right;
	font-size:16px;
	color:#fff;
	margin-right:4px
}
.al-logo a{
	float:left;
	margin:10px;
}


/*ר��*/
.experts{
	float:left;
	width:0px;
	height:894px;
	margin-top:21px;
	padding:0 10px;
	transition:all 0.6s;
}
.experts h1{
	font-size:20px;
	font-weight:bold;
	color:111;
	float:left;
}
.experts h1 a{
	font-size:20px;
	font-weight:bold;
	color:#333;
	float:right;
	margin-top:3px;
	transition:all 0.5s;
}
.experts a:hover{
	color:#00bbff;
}
.experts hr{
	width:100%;
	height:1px;
	margin-top:5px;
	background-color:#00bbff;
	border:#00bbff solid 1px;
}
.experts li{
	height:170px;
	overflow:hidden;
}
.zja{
	font-size:16px;
	font-weight:bold;
	color:#333;
	float:right;
	margin-top:7px;
	transition:all 0.5s;
}
.zja a:hover{
	color:#00bbff;
}
.zj{
	width:300px;
	float:left;
	margin:10px;
	overflow:hidden;
}
.portrait{
	width:100px;
	height:100px;
	float:left;
	border-radius:50%;
	overflow:hidden;
}
.portrait img{
	width:100px;
	height:100px;
}
.position{
	float:right;
	width:180px;
	text-align:center;
	margin-right:10px;
}
.position a{
	line-height:30px;
	color:#111;
	font-size:16px;
	font-weight:bold;
	display:block;
	margin-top:15px;
	transition:all 0.5s;
}
.position a:hover{
	color:#00bbff;
}
.position p{
	color:#888;
}
.article{
	clear:both;
	padding-top:10px;
}
.article p{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.article a{
	color:#333;
	transition:all 0.5s;
}
.article a:hover{
	color:#00bbff;
}
.lg li{
	height:120px;
	overflow:hidden;
}
.lg a{
	float:left;
	width:90px;
	height:114px;
	margin:5px 25px;
	opacity:0.85;
	overflow:hidden;
	background-position:bottom;
	background-repeat:no-repeat;
	transition:all 0.3s;
}
.lg a:hover{
	opacity:1;
}
.jg{
	width:280px;
	height:160px;
}
.jg-t{
	width:100px;
	height:100px;
	border-radius:50%;
	overflow:hidden;
	margin-left:90px;
}
.jg-t img{
	width:100%;
	height:100%;
}
.jg-b{
	text-align:center;
}
.jg-b a{
	font-size:16px;
	color:#111;
	transition:all 0.4s;
}
.jg-b a:hover{
	color:#00bbff;
}
.jg-b p{
	color:#888;
}


/*����*/
.zl{
	float:left;
	width:0px;
	margin-top:14px;
	padding:0 10px;
	transition:all 0.6s;
}
.zl li{
	height:112px;
	overflow:hidden;
}
.zl li a{
	float:left;
	width:310px;
	height:100px;
	margin:6px 5px;
	border-radius:5px;
	box-shadow:0 0 10px #555;
	overflow:hidden;
	opacity:0.8;
	transition:all 0.4s;
}
.zl li a:hover{
	opacity:1;
}


/*ͼ��*/
.book{
	float:left;
	width:0px;
	margin-top:14px;
	padding:0 10px;
	transition:all 0.6s;
}
.book li{
	border-bottom:#ccc solid 1px;
	height:400px;
	margin:30px 0;
	transition:all 0.5s;
	overflow:hidden;
}
.book li:hover{
	border-bottom:#00bbff solid 1px;
}
.book li a{
	float:left;
	margin:0 15px;
	transition:all 0.5s;
}
.book a:hover p{
	color:#00bbff;
}
.book li img{
	width:290px;
	height:360px;
}
.book li p{
	width:290px;
	color:#333;
	text-align:center;
}
.book-cb p{
	line-height:26px;
}


/*����*/
.consultant{
	float:left;
	width:0;
	margin-top:26px;
	padding:0 10px;
	transition:all 0.6s;
}

.tb{
	max-width:1000px;
	margin: auto;
	margin-top:20px;
	height:500px;
	position:relative;
}
.tb li{
	position:absolute;
	width:150px;
	height:150px;
	border-radius:50%;
	overflow:hidden;
	transition:all 0.5s;
}
.tb li img{
	width:100%;
	height:100%;
}
.tb li:hover{
	width:180px;
	height:180px;
}
.blank_30{ height:30px; clear:both;}
.bt{ font-size:18px}
.more{
	float:right;
	font-size:14px;
	font-weight:normal;
	color:#333;
}
.more:hover{ color:#0CF}
.l1{top:30%;left:45%;}
.l2{top:10%;left:10%;}
.l3{top:1%;left:30%;}
.l4{top:35%;left:65%;}
.l5{top:60%;left:80%;}
.l6{top:1%;left:80%;}
.l7{top:60%;left:30%;}
.l8{top:55%;left:5%;}

.kp{
	max-width:1000px;
	margin: auto;
	margin-top:30px;
}
.kp li{
	float:left;
	width:50%;
	line-height:30px;
	border-bottom:#fff solid 1px;
	transition:all 0.5s;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	
}
.kp li:hover{
	border-bottom:#229de3 solid 1px;;
}
.kp li a{
	transition:all 0.5s;
	display:inline-block;
	width:100%;
	height:100%;
	color:#000;
}
.kp li:hover a{
	color:#229de3;
}



.zj{
	width:1000px;
	margin:0 auto;
	margin-top:20px;
}
.zj-box{
	width:318px;
	border:#7697f8 solid 1px;
	overflow:hidden;
	float:left;
	margin:6.6px;
	transition:all 0.5s;
}
.zj-title{
	height:30px;
	background-color:#229de3;
}
.zj-title a{
	float:right;
	color:#fff;
	line-height:30px;
	margin-right:5px;
	transition:all 0.5s;
}
.zj-l{
	float:left;
}
.zj-l img{
	width:96px;
	height:116px;
}
.zj-r{
	float:right;
	width:220px;
	text-align:center;
	margin-top:20px;
}
.zj-r a{
	font-size:16px;
	font-weight:bold;
	transition:all 0.5s;
	color:#000;
}
.zj-r p{
	margin-top:10px;
}
.zj-r a:hover{
	color:#229de3;
}
.zt{
	max-width:1000px;
	margin: auto;
}

.zt li{
	width:310px;
	height:245px;
	overflow:hidden;
	background-color:#F8F8F8;
	float:left;
	margin:6.6px;
	transition:all 0.5s;
}

.zt li p{
	font-size:14px;
	padding:0 10px;
	margin-top:3px;
	transition:all 0.5s;
	color:#000;
}

.zt li:hover{
	box-shadow:0 0 10px #333;
}

.zt li:hover p{
	color:#000;
}
/*BOX*/
.box{
	width:280px;
	margin-top:24px;
	float:right;
	overflow:hidden;
}
.box strong{
	color:#111;
}
.broadcast{
	width:280px;
}
/*.broadcast:hover hr{
	background-color:#00bbff;
	border:#00bbff solid 1px;
}*/
.broadcast h1{
	font-size:18px;
	font-weight:bold;
	color:#333;
	float:left;
}
.broadcast a{
	font-size:16px;
	font-weight:bold;
	color:#333;
	float:right;
	transition:all 0.5s;
	margin-top:2px;
}
.broadcast a:hover{
	color:#00bbff;
}
.broadcast hr{
	width:100%;
	height:1px;
	background-color:#ccc;
	border:#ccc solid 1px;
	margin-top:5px;
	transition:all 0.4s;
}
.broadcast li{
	width:280px;
	margin:10px 0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.broadcast li a{
	font-size:14px;
	font-weight:normal;
	color:#555;
	width:280px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.email img{
	width:44px;
	height:44px;
	float:left;
}
.email p{
	font-size:18px;
	height:44px;
	line-height:44px;
}
.email .form-group{
	float:left;
}
.email button{
	background:#459df5;
	border:0; color:#fff;
	border-radius:2px;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
}
.email button:hover{
	color: #036;
}
.checkbox-inline{
	padding:2px 5px;
	color:#555;
}
.advertising{
	width:280px;
}
.advertising li{
	margin:10px 0;
	height:90px;
	overflow:hidden;
}
.advertising img{
	width:280px;
	height:90px;
}
/*.sweep{
	margin-top:20px;
}*/
.sweep p{
	text-align:center;
}
.sweep img{
	width:120px;
}
.sweep-l{
	float:left;
	margin-top:10px;
}
.sweep-r{
	float:right;
	margin-top:10px;
}

.end{
	margin-top:30px;
	width:100%;
	height:40px;
	background-color:#242424;
	color:#c8c8c8;
	padding:10px 0;
}
.end a{
	color:#c8c8c8;
	transition:all 0.5s;
}
.end a:hover{
	color:#fff;
}

/*.box:hover hr{
	background-color:#00bbff;
	border:#00bbff solid 1px;
}*/
.box-title h1 a{
	font-size:18px;
	font-weight:bold;
	color:#333;
	float:left;
}
.box-title a{
	font-size:16px;
	font-weight:bold;
	color:#333;
	float:right;
	transition:all 0.5s;
	margin-top:4px;
}
.box-title a:hover{
	color:#00bbff;
}
.box-title hr{
	width:100%;
	height:1px;
	background-color:#ccc;
	border:#ccc solid 1px;
	margin-top:5px;
	transition:all 0.4s;
}
.label{
	width:280px;
}
.label .bq-current{
	color:#00bbff;
	border:#00bbff solid 1px;
}
.label li{
	float:left;
	width:76px;
	color:#555;
	border:#ccc solid 1px;
	margin:5px;
	padding:2px;
	text-align:center;
	cursor:pointer;
	transition:all 0.4s;
}
.label li:hover{
	border:#00bbff solid 1px;
	color:#00bbff;
}
.label li:hover a{
	color:#00bbff;
}
.label li a{
	color:#555;
	display:inline-block;
	width:100%;
	height:100%;
	transition:all 0.4s;
}
.label2{
	width:280px;
}
.label2 li{
	float:left;
	margin:10px;
}



.example ol,.example li,.example div {
	margin: 0;
	padding: 0;
}
.example ul,.example ol{
	list-style: none;
}
.example {
	width:280px;
	height:215px;
	font-size: 40px;
	text-align: center;
	margin: auto;
}
			
.carousel-item{
	line-height:215px;
	color: #fff;
}

.ft-carousel {
	position: relative;
	width:280px;
	height:215px;
	overflow: hidden;
}

.ft-carousel .carousel-inner {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.ft-carousel .carousel-inner .carousel-item {
	float: left;
	height: 100%;
}

.ft-carousel .carousel-item img {
	width: 100%;
	height:100%;
}

.ft-carousel .carousel-indicators {
	position: absolute;
	left: 0;
	bottom:0px;
	width: 100%;
	text-align: center;
	font-size: 0;
}

.ft-carousel .carousel-indicators span {
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color:#ccc;
	margin: 0 4px;
	border-radius: 50%;
	cursor: pointer;
}

.ft-carousel .carousel-indicators span.active {
	background-color:#00bbff;
}

/*.ft-carousel .carousel-btn {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 45px;
	margin-top: -25px;
	cursor: pointer;
}

.ft-carousel .carousel-prev-btn {
	left: 0;
	background:url(images/prev.png) no-repeat;
}

.ft-carousel .carousel-next-btn {
	right: 0;
	background:url(images/next.png) no-repeat;
}*/