@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;}

.top-bg{
	width:100%;
	height:40px;
	background-color:#242424;
}
.top{
	max-width:1100px;
	margin: auto;
}
.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;
}


.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;
	margin-top:30px;
	cursor:pointer;
	transition:all 0.4s;
}
.report li:hover{
	border-bottom:#00bbff solid 1px;
	box-shadow:0 0 3px #00bbff;
}
.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:100%;
}
.overview span{
	font-size:16px;
	color:#333;
	line-height:30px;
}
.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;
}



/*��ѵ*/
.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;
}
.bottom{
	float:right;
	color:#fff;
	font-weight:bold;
	/* background-color:#00bbff; */
	padding:4px 5px;
	opacity:0.75;
	margin-top:10px;
	transition:all 0.4s;
}
.bottom:hover{
	opacity:1;
}
.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;
}



/*����*/
.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;
}


/*著作*/
.book_box{
	float:left;
	margin-top:30px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.book_box a{
	flex:0 0 48%;
	padding:1%;
}
.book_box a img{
	width:100%;
	height:300px;
}
.book_box p{
	text-align:center;
	line-height:30px;
}


/*ר��*/
.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;
}


/*ͼ��*/
.pc_list{
	float:left;
	margin-top:22px;
}
.pc_list h1{
	font-size:20px;
    font-weight:bold;
    color:#111;
    float:left;
}
.pc_list hr{
	width: 100%;
    height: 1px;
    margin-top: 5px;
    background-color: #00bbff;
    border: #00bbff solid 1px;
}
.pc_list li{
	border-bottom:#ccc solid 1px;
    padding:30px 5px 10px 5px;
}
.pc_list li:first-child{
	padding-top:0;
}
.pc_list li a{
	font-size:18px;
	font-weight:bold;
	color:#333;
	display:inline-block;
    width:420px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.pc_list li p{
	float:right;
	font-size:14px;
	font-weight:normal;
	color:#9f9f9f;
	margin-top:10px;
}
.pc_list li:hover{
	border-bottom:#3782e7 solid 1px;
}
.pc_list li:hover a{
	color:#3782e7;
}



/*����*/
.consultant{
	float:left;
	width:0;
	margin-top:26px;
	padding:0 10px;
	transition:all 0.6s;
}
.dd{
	padding:5px 10px;
	border:#00bbff solid 3px;
}
.dd p{
	font-size:16px;
	text-align:left;
}
.dd p strong{
	font-size:18px;
	line-height:30px;
}
.dd a{
	float:right;
	font-size:16px;
	color:#333;
	transition:all 0.4s;
}
.dd a:hover{
	color:#00bbff;
}


/*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;
	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;
}