@charset "utf-8";
/* CSS Document */

/*banner*/
.flexslider {
	float: left;
    margin: 0px auto 0 auto;
    position: relative;
    width: 480px;
    height: 370px;
    overflow: hidden;
    zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background:url(../images/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: 370px;
	display: block;
}

/*通知公告*/
.notice{
	width:384px;
    margin: 0px 0px 0 18px;}

.renav{
	width:100%;
	height:330px;
	overflow:hidden;}

.notice ul li{
	width:100%;
	float:left;
	line-height:36px;
	border-bottom:1px dashed #eee;
	/* background:url(../images/icon1.png) no-repeat 4px center; */
	background:url(../images/roww.gif) no-repeat left center;
	}

.notice ul li p{
	width:306px;
	float:left;
	color:#444;
	text-indent:12px;
	font-size:14px;
	white-space:nowrap;
    overflow:hidden;
    text-overflow: ellipsis;}

/* .notice ul li:first-child p,.notice ul li:nth-child(2) p,.notice ul li:nth-child(3) p{
    color:#f00;} */

.notice ul li:hover p{
	color:#3672b8;}

.notice ul li span{
	float:right;
	color:#888;
	font-size:12px;}

.notice1{
	width:300px;}

.notice1 ul li p{
	width:100%;}

/*入口*/
.rk{
	float:right;
	width:214px;
	position:relative;}
/*nav-main*/
.nav-main{
    width: 100%;
    height: 50px;
    list-style-type: none;
}
.nav-main span{
    display: inline-block;
    margin-left: 18px;
    width: 7px;
    height: 7px;
    background: url('../img/down-icon.png') no-repeat;
}
/*图标向上旋转*/
.hover-up{
    transition-duration: .5s;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
/*图标向下旋转*/
.hover-down{
    transition-duration: .5s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
/*导航条设置*/
.nav-main>li{
    width: 100%;
    height: 100%;
    display: block;
    float: left;
    color: #29518d;
	font-size:18px;
	line-height:50px;
    cursor: pointer;
	margin-top:30px;
	text-indent:10px;
	border:1px solid #4579b8;
	background:url(../images/rk_bg1.png) repeat-x center center;
}

.nav-main>li:nth-child(2){
background:url(../images/rk_bg2.png) repeat-x center center;}

.nav-main>li:last-child{
background:url(../images/rk_bg3.png) repeat-x center center;}

.nav-main>li a{
	color:#29518d;}

.nav-main>li:hover{
	opacity:0.8;
}
/*隐藏盒子设置*/
.hidden-box{
    width: 100%;
    border: 1px solid #4579b8;
    border-top: 0;
    position: absolute;
    display: none;
	background:#fff;
}
#box-2{
	top:160px;}

#box-3{
	top:240px;}

#box-1{
	top:80px;}

.hidden-box>ul{
    list-style-type: none;
    color: #ff3e3e;
    cursor: pointer;
}
.hidden-box >ul > li{
	line-height:30px;
	text-indent:4px;}

.hidden-box li a{
	display:block;
	width:100%;
	height:100%;}

.hidden-box li:hover{
    background: #c5deff;
    color: #fff;
}

.hidden-box > ul > li ul{
	display:none;}

.hidden-box > ul > li:hover ul{
	display:block;}

.hidden-box >ul > li:hover ul li{
	text-indent:20px;}

.hidden-box >ul > li:hover ul li a{
	color:#017cbb;}

.hidden-box >ul > li:hover ul li a:hover{
	color:#ff9600;}

/*隐藏盒子位置设置*/
.hidden-loc-index{
    left: 0px;
}
.hidden-loc-us{
    left: 0px;
}
.hidden-loc-info{
    left: 363px;
}



/*video*/
.video{
	width:100%;
	margin:26px auto;}

.video ul li{
	float:left;
	width:280px;
	margin-top:14px;
	margin-right:20px;
	background:#f2f2f2;}

.video ul li:last-child{
	margin-right:0px;}

.video ul li h3{
	color:#000;
	font-size:18px;
	padding:0px 8px;}

.video ul li a{
	width:154px;
	height:40px;
	display:block;
	color:#fff;
	font-size:18px;
	line-height:40px;
	margin:18px auto;
	text-align:center;
	background:#3672b8;
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;}

.video ul li a:hover{
	background:#ff9300;}

/*心理头条*/
.nimg{
	width:570px;
	margin:30px auto 10px auto;}

.nimg ul li{
	float:left;
	width:100%;
	line-height:36px;
	border-bottom:1px dashed #eee;
	background:url(../images/arrows.png) no-repeat left center;}

.nimg ul li:first-child{
	padding:10px 0;
	border:none;
	line-height:normal;
	background:none;}

.nimg ul li div{
	width:392px;
	float:right;}

.nimg ul li img{
	float:left;
	width:155px;
	height:96px;
	padding:2px;
	margin-right:12px;
	border:1px solid #81c3f3;}

.nimg ul li h4{
	float:left;
	width:400px;
	color:#333;
	font-size:14px;
	font-weight:normal;
	text-indent:10px;
	white-space:nowrap;
    overflow:hidden;
    text-overflow: ellipsis;}

.nimg ul li:first-child h4{
	width:100%;
	font-weight:bold;
	margin:4px 0;
	text-indent:0;}

.nimg ul li:first-child font{
	color:#ff9300;
	font-size:13px;}

.nimg ul li:first-child font:hover{
	color:#0070c2;}

.nimg ul li:hover h4{
	color:#0070c2;}

.nimg ul li p{
	width:100%;
	height:72px;
	color:#333;
	font-size:13px;
	line-height:23px;
	overflow:hidden;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp:4;}

.nimg ul li span{
	float:right;
	color:#666;
	font-size:14px;
	line-height:36px;}

/*专家介绍*/
.expert{
	width:100%;
	margin:26px auto;}

.expert ul li{
	float:left;
	width:200px;
	height:274px;
	margin-top:18px;
	margin-right:42px;
	text-align:center;
	overflow:hidden;
	border:1px solid #eee;}

.expert ul li:last-child{
	margin-right:0px;}

.expert ul li h3{
	color:#333;
	font-size:14px;
	font-weight:normal;
	margin:28px auto 20px auto;}

.expert ul li img{
	width:112px;
	height:112px;
	margin-bottom:20px;
	border:1px solid #ccc;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;}

.expert ul li div {
    overflow: hidden;
	width:100%;
	height:70px;
	padding:4px 0 0px 0;
	background:#f5f5f5;}

.expert ul li div h4{
	color:#333;
	font-size:14px;
	line-height:24px;}

.expert ul li div p{
	padding:0 4px;
	color:#666;
	height:36px;
	overflow: hidden;
	font-size:14px;
	line-height:18px;}

.expert ul li:hover{
	box-shadow:0px 0 4px #ccc;}

/*news*/
.news{
	width:570px;}

.news ul li{
	float:left;
	width:100%;
	margin:8px auto;
	background:#fbfbfb;}

.news ul li .news_left{
	float:left;
	width:60px;
	height:90px;
	text-align:center;
	background:#c6c6c6;}

.news ul li .news_left h1{
	color:#fff;
	font-size:30px;
	line-height:60px;}

.news ul li .news_left p{
	width:100%;
	height:30px;
	color:#fff;
	font-size:12px;
	line-height:30px;
	background:#304652;}

.news ul li .news_right{
	width:494px;
	float:right;}

.news ul li .news_right h3{
	white-space:nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
	color:#000;
	font-size:16px;
	margin:10px 0;
	font-weight:normal;}

.news ul li .news_right p{
	height:36px;
	color:#666;
	font-size:14px;
	line-height:18px;
	overflow:hidden;}

.news ul li:hover{
	background:rgba(54,114,184,0.1);}

/*img*/
.img{
	width:100%;
	margin:26px auto;}

.img ul li{
	float:left;
	width:280px;
	margin-top:14px;
	margin-right:20px;
	background:#f2f2f2;
	text-align:center;}

.img ul li:last-child{
	margin-right:0px;}

.img ul li img{
	width:280px;
	height:240px;}

.img ul li p{
	color:#000;
	font-size:18px;
	padding:0px 8px;
	line-height:60px;
	font-weight:normal;}

.img ul li:hover{
	background:rgba(54,114,184,0.1);}

/*下载专区*/
.download,.knowledge{
	width:376px;
	margin-right:20px;
	border:1px solid #eee;}

.download ul li{
	float:left;
	width:100%;
	margin-left:4px;
	background:url(../images/icon.png) no-repeat left center;
	background-size:5px;}

.download ul li a{
	display:block;
	width:370px;
	color:#444;
	font-size:16px;
	line-height:38px;
	text-indent:10px;
	white-space:nowrap;
    overflow:hidden;
    text-overflow: ellipsis;}

.download ul li a:hover{
	color:#3672b8;}

/*知识问答*/
.knowledge ul li{
	width:370px;
	float:left;
	padding:0px 3px;
	margin:4px auto 8px auto;}

.knowledge ul li h5{
	color:#222;
	font-size:16px;
	line-height:24px;
	font-weight:normal;
	margin-bottom:4px;}

.knowledge ul li p{
	height:36px;
	color:#777;
	font-size:14px;
	line-height:18px;
	overflow:hidden;}

.knowledge ul li p span{
	color:#216cc6;}

.knowledge ul li:hover h5{
	color:#ff9300;}

/*登录*/
.sign{
	width:346px;
	height:332px;
	padding:6px 15px;
	background:#f8f8f8;
	border:1px solid #eee;}

.sign .sign_bt{
	width:100%;}

.sign .sign_bt .dl{
	color:#3672b8;
	font-size:18px;
	padding:4px 0px;
	margin:0px 8px;
	border-bottom:1px solid #3672b8;}

.sign .sign_bt span{
	color:#000;
	font-size:18px;
	padding:4px 6px;}

.sign .sign_bt .zc{
	color:#666;
	font-size:18px;
	padding:4px 0px;
	margin:0px 8px;}

.sign form{
	width:100%;
	float:left;
	margin:16px auto;}

.sign form label{
	width:100%;
	float:left;
	margin-top:20px;
	border-bottom:1px solid #ccc;}

.sign form label p{
	float:left;
	width:84px;
	color:#444;
	font-size:16px;
	text-align:right;
	line-height:40px;}

.sign form label input{
	float:right;
	width:260px;
	height:40px;
	border:none;
	background:none;}

.sign form > input{
	width:200px;
	height:42px;
	color:#fff;
	font-size:18px;
	border:none;
	line-height:42px;
	text-align:center;
	background:#3672b8;
	margin:40px 73px 10px 73px;}

.sign form span{
	display:block;
	width:100%;
	color:#999;
	font-size:14px;
	text-align:center;}

.sign form span a{
	color:#3672b8;}

.sign form span a:hover{
	color:#ff9300;}

/*广告*/
.gg1{
	width:100%;
	margin:30px auto;}

.gg1 img{
	width:100%;}

/*专家*/
.zj{
	width:100%;}
/* 专家滚动 */
.marqueeleft{height:160px;width:100%;overflow:hidden;margin:20px auto 0 auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:170px;height:156px;overflow:hidden;}
.marqueeleft li .pic{display:block;border:#ccc 1px solid;width:160px;height:125px;padding:2px;overflow:hidden;}
.marqueeleft li .pic img{ width:100%; height:100%;}
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px;}
.marqueeleft li .txt a{ color:#06C; font-size:14px;}
.marqueeleft li:hover .pic{ border:1px solid #06c;}
.marqueeleft li:hover .txt a{ color:#333;}

/*新增新闻切换*/
    #wrapper{position: relative;width:480px;height:335px;}
    #newsbox01{position:relative;width: 480px;height: 335px;overflow: hidden;}
    .imgList{position:relative;width:9675px;height:335px;z-index: 10;overflow: hidden;}
    .imgList li{float:left;display: inline;}
    
    .bg{position: absolute;bottom: 0;width: 480px;height: 35px;z-index:20;opacity: 0.4;filter:alpha(opacity=40);background: black;}
    .infoList{position: absolute;left: 10px;bottom: 5px;z-index: 30;}
    .infoList li{display: none;}
    .infoList .infoOn{display: inline;color: white;}
    .indexList{position: absolute;right: 5px;bottom: 5px;z-index: 30; margin-bottom:30px;}
    .indexList li{float: left;margin-right: 1px;cursor: pointer; width:10px; height:10px; line-height:10px;text-align:center;background:#bfbfbf;padding: 2px 4px;}
    .indexList .indexOn{font-weight: bold;color: white;background:#ff6406;}
	.navbox{ height:60px; background-color:#0f3b74; top:0px;z-index:20;position:relative; }