@charset "gb2312";

.slides .prev,.slides .next,.recommend h3,.change i,.like i,.hotnewslist li a i{background:url(../images/icon01.png) no-repeat;}
/*默认适应屏幕为1601-1920*/
.nav li.cur a,.nav li:hover a,.title01 .change:hover,
.recommend li h4:hover a,.title02 .more:hover,
.lovestop .txt a:hover{ color:#e92930;}

.topbar{width:100%; height:100px; margin-bottom:50px; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.1);  }
.logo{ float:left; width:370px; height:50px; padding-top:25px;}
.logo .logo_ht{ display:inline-block; width:220px; height:50px; background:url(../images/logo_ht.png) no-repeat; text-indent:-200rem; overflow:hidden;}
.logo .logo_gk{ display:inline-block; width:116px; height:50px; background:url(../images/logo_gk.png) no-repeat right center; text-indent:-200rem; overflow:hidden; padding-left:10px; border-left:1px solid #ddd; margin-left:10px;}
.nav{ float:right;}
.nav li{float:left;margin:0 22px; border-bottom:3px solid #fff;}
.nav li a{ display:block; padding:0 15px; font-size:22px; line-height:97px;  }
.nav li.cur,.nav li:hover{border-bottom:3px solid #e92930;}

.search{ float:right; width:23%; height:38px; border:1px solid #ddd; border-radius:40px; margin:30px 0 0 15px;}
.search_txt{ float:left; width:80%; height:38px; padding-left:4%; border-radius:40px 0 0 40px; font-size:14px; line-height:38px;}
.search_btn{ float:right; width:16%; height:38px; border-radius:0 40px 40px 0; background:url(../images/search.png) no-repeat center center; text-indent:-200em; cursor:pointer;}

.part01{ background:#f6f6f6; margin-bottom:36px;}

/* 焦点图 */
/*****图片大小1470*510*******/
.slides { float:left; width:70%; height:510px; position:relative; z-index:100;}
.slides_container {width:100%; height:100%; overflow:hidden; position:relative;}
.slides_container .slides_control{width:100% !important; height:100% !important;}
.slides_container dl {float:left;width:100%; height:100%;position:relative;}
.slides_container dl dt{width:100%; height:100%; }
.slides_container dl dt a{ display:block; width:100%; height:100%; background-size:auto 510px !important;}
.slides_container dl dd{ position:absolute; left:0; bottom:0; width:100%; height:70px; padding-top:50px;
 background:#000;
background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); /* Safari 5.1 - 6 */
background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1)); /* Opera 11.1 - 12*/
background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1)); /* Firefox 3.6 - 15*/
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); /* 标准的语法 */} 
.slides_container dl dd a{ padding-left:30px; line-height:70px; color:#fff; z-index:88;font-size:30px;}
.slides .prev{ position:absolute; top:50%; left:0; margin-top:-56px; width:60px; height:112px; background-position:0 -40px; display:none; z-index:101;}
.slides .next{ position:absolute; top:50%; right:0; margin-top:-56px; width:60px; height:112px; background-position:-60px -40px;z-index:101; display:none;}
.slides:hover .prev,.slides:hover .next{ display:block;}
.pagination {position:absolute; right:24px; bottom:30px; z-index:8888;}
.pagination li {float:left; margin:0 1px;}
.pagination li a {display:block; width:10px; height:10px; font-size:0; float:left; background:#fff; border-radius:50%; margin:0 5px;}
.pagination li.current a {background:#e92930;}

/*特别推荐*/
.recommend{ float:right; width:25%; margin:0 2.5%; padding-top:35px;}
.recommend h3{width:145px; height:54px; background-position:0 -180px; font-size:20px; line-height:36px; color:#fff260; text-align:center;}
.recommend h3 em{ font-size:16px;}
.recommend li{ padding:24px 0 15px; border-bottom:1px dashed #c8c8c8; }
.recommend li h4{ height:30px; padding-left:18px; background:url(../images/dot01.png) no-repeat 8px 14px; font-size:20px; line-height:30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.recommend li p{ height:30px; padding-left:18px; font-size:16px; line-height:30px; color:#999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.recommend li h4:hover{background-image:url(../images/dot02.png);}

/*part02 左侧*/
.part02_left{ float:left; width:70%;}
.focus{ margin-bottom:36px;}
.title01{ height:80px; background:url(../images/titbg01.jpg) no-repeat left center;}
.title01 h3{ float:left; width:300px; height:80px; text-indent:-2000em;}
.title01 h3 a{ display:block; height:80px;}
.title01 .change{ float:right; height:36px; margin:14px 10px 0 0; font-size:16px; color:#999; line-height:36px; cursor:pointer; }
.change i{ display:inline-block; width:15px; height:15px; margin-right:6px; background-position:0 -152px; vertical-align:middle; }
.title01 .change:hover i{background-position:-23px -152px; }

/*.focuslistMore{overflow: hidden;}*/
.focuslistMore li{display: none;}
.focuslist li{ padding:26px 10px; background:#fff; border-bottom:1px solid #f0f0f0;}
.focuslist li:hover{ -webkit-transition:all .2s linear;transition:all .2s linear}
.focuslist li.active {-webkit-box-shadow:-3px 3px 18px #e7e7e7; box-shadow:-3px 3px 18px #e7e7e7;
 -webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}

.focuslist .pic{ float:left; position:relative; width:340px; height:220px; margin-right:40px; overflow:hidden;}
.focuslist .picto{ width:340px; height:220px; vertical-align: bottom;}
.focuslist .txt{ margin-left:380px; height:220px; position:relative;}
.focuslist .txt h4{ font-size:24px; line-height:38px;}
.focuslist .txt p{ font-size:16px; line-height:30px; color:#999;}
.focuslist .txt .st{ position:absolute; left:0; bottom:10px;width:100%; font-size:16px; line-height:30px; color:#999;}
.focuslist .keywords{ font-size:16px; line-height:28px;}
.focuslist .keywords a{ display:inline-block; height:28px; padding:0 13px; margin-left:15px; background:#ededed; border-radius:28px;}
.focuslist .keywords a:hover{ background:#e92930; color:#fff;}
.time{ position:absolute; right:0; bottom:0;}
.like{ position:absolute; right:124px; bottom:0; cursor:pointer;}
.like b{ position:absolute; right:0; top:16px; width:24px; height:16px; background:url(../images/icon01.png) no-repeat -144px -152px; opacity:0;}
.like i{ display:inline-block; width:20px; height:18px; background-position:-50px -152px; vertical-align:middle; margin-right:6px;}
.like em{ display:inline-block; font-style:normal;}

.interview{ overflow:hidden;}
.interview .title01{ background-image: url(../images/titbg02.jpg);}
.interviewwrap{width:100%; height:340px; overflow:hidden; position:relative;}
.interview ul{position:absolute; left:0; top:0; width:200%; padding-top:30px;}
.interview ul li{ float:left; width:15%; height:0; padding-bottom:10%; margin:0 1.15% 0 0.5%; position:relative;}
.interview .videopic{ position:absolute; left:0; top:0; width:100%; height:100%; }
.interview .videopic img{ display:block; width:100%; height:100%;}
.videopicbg{ position:absolute; left:10px; top:10px; width:100%; height:100%; background:#f0f0f0; z-index:-1; display:none;}
.videopic .play{ position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,0.5) url(../images/play.png) no-repeat center center; z-index:2; display:none;}
.interview ul li:hover .videopicbg,.interview ul li:hover .play{ display:block;} 
.interview ul li h4{ position:absolute; left:0; bottom:-60px; font-size:20px; line-height:50px; padding-top:15px;}




/*part02 右侧*/
.part02_right{ float:right; width:27.5%; margin-left:2.5%; position:relative;}
.xfu{ position:fixed; right:5%; top:0; width: 24.75%; background:#fff; z-index:-1; }
.xfu02{ position:fixed; right:5%; bottom:260px; width: 24.75%; background:#fff;}
.title02{ height:51px; font-size:26px; line-height:50px; position:relative;}
.title02:before{ content:""; position:absolute; left:0; bottom:-2px; width:100%; height:2px; background:#5a5a5a; }
.title02:after{ content:""; position:absolute; left:0; bottom:-2px; width:104px; height:2px; background:#e92930; }
.title02 .more{ float:right; font-size:16px; color:#999;}
.hotnewspic{width:100%; position:relative; margin-top:35px;}
.hotnewspic .pic{ display:block; width:100%; }
.hotnewspic .pic img{ display:block; width:100%;}
.hotnewspic h4{ position:absolute; left:0; bottom:0; width:100%; height:36px; background:rgba(0,0,0,0.5); font-size:16px; line-height:36px;}
.hotnewspic h4 a{ color:#fff; padding-left:20px;}
.hotnewslist,.loveslist,.sshotlist{ padding:18px 0 28px;}
.hotnewslist li,.loveslist li,.sshotlist li{ height:34px; font-size:16px; line-height:34px;padding-left:19px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background:url(../images/dot01.png) no-repeat 7px 14px;}
.hotnewslist li:hover,.loveslist li:hover,.sshotlist li:hover{background-image:url(../images/dot02.png);}
.hotnewslist li a i{ display:inline-block; width:17px; height:20px; background-position:-117px -152px; margin-right:2px; vertical-align:middle; }
.lovestop h4{height:34px; padding:24px 0 10px; font-size:16px; line-height:34px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.lovestop .info{ padding:10px; background:#f6f6f6;}
.lovestop .pic{ float:left; width:45%;}
.lovestop .pic a{ display:block; width:100%; height:100%;}
.lovestop .pic a img{ display:block; width:100%;}
.lovestop .txt{ margin-left:48%; font-size:14px; line-height:26px; color:#999;}
.lovestop .txt a{ color:#999;}


/*列表页*/
.crumbsNav{line-height:34px;font-size:14px; color:#333;}
.crumbsNav .cur{ color:#e92930;}
.loading{ padding:30px 0; text-align:center;}
.loading i{ display:inline-block; width:28px; height:28px; background:url(../images/loading.gif) no-repeat; background-size:28px 28px; vertical-align:middle;}
.loading span{ display:inline-block; font-size:18px; line-height:28px; color:#999; margin-left:20px; vertical-align:middle;}

.coursePage-prev{background:url(../images/fxfyprev.png) no-repeat center;}
.coursePage-next{background:url(../images/fxfynext.png) no-repeat center;}
.coursePage{text-align:center;overflow:hidden;margin-top:12px;}
.coursePage li{display:inline-block;}
.coursePage a{display:inline-block;padding:0 13px;height:38px;border:solid 1px #eaeaea;text-align:center;line-height:38px;margin:0 8px;color:#333;border-radius:4px;font-size:18px;}
.coursePage a.coursePage-prev,.coursePage a.coursePage-next{width:40px;padding:0;}
.coursePage a.coursePage-prev:hover{background-image:url(../images/fxfyprevon.png);}
.coursePage a.coursePage-next:hover{background-image:url(../images/fxfynexton.png);}
.coursePage a:hover{text-decoration:none;color:#e92930;border:solid 1px #e92930;}
.coursePage a.on{text-decoration:none;background:#e92930;border:solid 1px #e92930;color:#fff;}
.coursePage li.thisclass a{text-decoration: none;background: #f61c3a;border:solid 1px #f61c3a;color:#fff;}
.coursePage-inp{float:left;font-style:normal;color:#333;}
.coursePage-inp input{width:50px;height:30px;border:solid 1px #eaeaea;margin:0 16px;text-align:center;}
.coursePage-inp button{width:50px;height:32px;border:solid 1px #eaeaea;background:#eee;line-height:32px;margin:0 0 0 16px;cursor:pointer;float:right;}

.ewm{ padding:10px; background:#f6f6f6;}
.ewm dt{ float:left; width:50%;}
.ewm dt img{ display:block; width:100%;}
.ewm dd{ margin-left:52%;}
.ewm dd h4{font-size:20px; line-height:34px; color:#e92930;}
.ewm dd p{font-size:18px; line-height:36px; color:#999;}

/*文章页*/
.artBcontit{overflow:hidden;border-bottom:solid 1px #dedede;}
.artBcontit h1{font-size:34px;line-height:34px;padding:25px 0 0 0;}
.artBcontit p{font-size:14px;color:#999;line-height:50px;}
.artBcontit p a{font-size:14px;color:#999;}
.artBcontit p a,.artBcontit p span,.artBcontit p ins{display:inline-block;padding-left:30px;}
.artBcon{overflow:hidden; height:830px;}
.artBcon p{font-size:20px; line-height:36px; padding-bottom:36px; text-indent:2em;}
.artBcon p img{margin:0 auto; display:block;}
.artBcon p strong{font-weight:bold;}
.showMore{ height:50px; margin:20px 0 50px; background:#f6f6f6; text-align:center; font-size:16px; line-height:50px; color:#666; cursor:pointer;}
/*猜你喜欢*/
.youLike{ border-top:2px solid #5a5a5a;}
.youLike h3{ font-size:22px; line-height:30px; padding-top:20px;}
.likeList li{ padding:25px 0; border-bottom:1px solid #f0f0f0;}
.likeList li:hover{border-bottom:1px solid #e92930;}
.likeList .pic{ float:left; position:relative; width:180px; height:116px; margin-right:17px; overflow:hidden;}
.likeList .picto{ width:180px; height:116px; vertical-align: bottom;}
.likeList .txt{ margin-left:197px; height:116px; position:relative;}
.likeList .txt h4{ font-size:24px; line-height:34px;}
.likeList .txt .st{ position:absolute; left:0; bottom:7px;width:100%; font-size:14px; line-height:26px; color:#999;}
.likeList .keywords b{ display:inline-block; height:24px; padding:0 10px; border:1px solid #e92930; color:#e92930; font-weight:normal; line-height:24px; border-radius:4px;}
.likeList .keywords a{ color:#999; margin:0 10px;}
.likeList .keywords a:hover{ color:#e92930;}
.changeBox{ padding:15px 20px 20px; border:1px solid #ddd; margin:50px 0 60px;}
.changeBox .menu{ margin-bottom:10px; font-size:18px; line-height:36px;}
.changeBox .menu span{ margin-right:50px; cursor:pointer;}
.changeBox .menu .current{ color:#e92930;}
.changeBox .wrap h4{ font-size:28px; line-height:50px;}
.changeBox .wrap p{ font-size:16px; line-height:26px; color:#999; max-height:52px; overflow:hidden;}


@media screen and (min-width: 1921px){
	.nav li a{  font-size:26px; }
	.recommend h3{font-size:22px;}
	.recommend li h4{ font-size:24px;}
	.recommend li p{ font-size:20px;}
	.title01 .change{ font-size:22px; }
	.focuslist .txt h4{ font-size:26px; line-height:40px;}
	.focuslist .txt p{ font-size:20px; line-height:36px;}
	.focuslist .txt .st{ font-size:20px; line-height:40px; bottom:3px;}
	.keywords{ font-size:20px; line-height:40px;}
	.keywords a{ height:40px;}
	.focuslist .txt .like{ right:160px;}	
	.interviewwrap{height:420px;}
	.title02 .more{font-size:18px; } 
	.hotnewspic h4{ font-size:20px; height:44px; line-height:44px;}
	.hotnewslist li,.loveslist li,.sshotlist li{ height:44px; font-size:20px; line-height:44px;}
	.lovestop h4{height:44px; font-size:20px; line-height:44px;}
	.lovestop .txt{ font-size:16px; line-height:30px;}		
	.ewm dd h4{font-size:22px; line-height:50px; }
	.ewm dd p{font-size:18px; line-height:30px; }
	.crumbsNav{line-height:50px;font-size:24px;}

	
	
}
@media screen and ( min-width: 1778px) and ( max-width: 1920px) {
	
	.interviewwrap{height:360px;}

}
@media screen and ( min-width: 1368px) and ( max-width: 1600px) {
	.nav li{margin:0 10px;}
	.nav li a{padding:0 10px; font-size:18px; line-height:97px;}
	.recommend li h4{ font-size:16px;}
	.recommend li p{ font-size:14px;}
	.focuslist .pic{ width:300px; height:194px; margin-right:25px; overflow:hidden;}
	.focuslist .picto{ width:300px; height:194px; vertical-align: bottom;}
	.focuslist .txt{ margin-left:325px; height:194px; position:relative;}
	.focuslist .txt h4{ font-size:18px; line-height:32px; }
	.focuslist .txt p{ font-size:14px; line-height:28px;}
	.focuslist .txt .st{ font-size:14px;}
	.keywords{ font-size:14px;}
	.keywords a{ margin-left:12px;}
	.focuslist .txt .st .like{ right:104px;}
	.interviewwrap{height:300px;}
	.interview ul li h4{ font-size:16px;}
	.hotnewslist li,.loveslist li,.sshotlist li{font-size:14px;}
	.lovestop .txt{ font-size:12px; line-height:22px;}
	.ewm dd h4{font-size:18px; }
	.ewm dd p{font-size:16px; line-height:26px;  }
	.crumbsNav{line-height:36px;font-size:16px;}

}
@media screen and ( min-width: 1201px) and ( max-width: 1367px) {
	.nav li{margin:0 10px;}
	.nav li a{padding:0 5px; font-size:18px; line-height:97px;}
	
	.recommend{width:27%; margin:0 1.5%; padding-top:20px;}
	.recommend h3{font-size:20px; line-height:36px;}
	.recommend h3 em{ font-size:16px;}
	.recommend li h4{font-size:16px;}
	.recommend li p{font-size:14px;}
	.focuslist .pic{ width:280px; height:181px; margin-right:20px;}
	.focuslist .picto{ width:280px; height:181px;}
	.focuslist .txt{ margin-left:300px; height:181px;}
	.focuslist .txt h4{ font-size:16px; line-height:32px; }
	.focuslist .txt p{ font-size:14px; line-height:28px;}
	.focuslist .txt .st{ font-size:14px; bottom:3px;}
	.focuslist .txt .st .like{ right:85px;}
	.focuslist .txt .st .time{ font-size:12px;}
	.keywords{ font-size:14px; line-height:24px;}
	.keywords a{ height:24px; padding:0 10px; margin-left:10px; border-radius:24px;}
	.interviewwrap{height:280px;}
	.interview ul li h4{ font-size:14px;}
	.hotnewspic h4{ font-size:14px;}
	.hotnewslist li,.loveslist li,.sshotlist li{font-size:14px;}
	.lovestop .txt{ font-size:12px; line-height:20px;}
    .ewm dd h4{font-size:16px; }
	.ewm dd p{font-size:14px; line-height:20px; }
	.crumbsNav{line-height:36px;font-size:16px;}
	
}


@media screen and (max-width: 1200px) {
	.Width{ width:1000px;}	
	.nav li{margin:0 10px;}
	.nav li a{padding:0 5px; font-size:18px; line-height:97px;}
	.search{ margin-left:5px;}
	
	.recommend{width:27%; margin:0 1.5%; padding-top:15px;}
	.recommend h3{font-size:18px;}
	.recommend h3 em{ font-size:16px;}
	.recommend li h4{font-size:14px;}
	.recommend li p{font-size:12px;}
	.focuslist .pic{ width:280px; height:181px; margin-right:20px;}
	.focuslist .picto{ width:280px; height:181px;}
	.focuslist .txt{ margin-left:300px; height:181px;}
	.focuslist .txt h4{ font-size:16px; line-height:32px;}
	.focuslist .txt p{ font-size:14px; line-height:28px; height:84px; overflow:hidden;}
	.focuslist .txt .st{ font-size:14px; bottom:0px;}
	.focuslist .txt .st .like{ right:0px;}
	.focuslist .txt .st .time{ display:none;}
	.keywords{ font-size:14px; line-height:24px;}
	.keywords a{ height:24px; padding:0 10px; margin-left:10px; border-radius:24px;}
	.interviewwrap{height:250px;}
	.interview ul li h4{ font-size:14px;}
	.hotnewspic h4{ font-size:14px;}
	.hotnewslist li,.loveslist li,.sshotlist li{font-size:14px;}
	.lovestop h4{ font-size:14px;}
	.lovestop .txt{ font-size:12px; line-height:16px;}
	.ewm dd h4{font-size:14px; }
	.ewm dd p{font-size:12px; line-height:18px; }
	.artBcontit h1{font-size:28px;line-height:28px;}
	.artBcontit p{font-size:12px; line-height:12px; padding:20px 0 22px;}
	.artBcontit p a{font-size:12px;}
	.artBcon p{font-size:18px; line-height:32px; padding-bottom:30px;}
	.artBcon p img{margin:40px auto 0; display:block; max-width:680px;}
	
	.likeList li{ padding:15px 0;}
	.likeList .txt h4{ font-size:18px; line-height:34px;}
	.likeList .txt .st{ font-size:12px;}
	.likeList .txt .like{ right:90px;}
	.likeList .keywords a{padding:0 5px; margin:0 5px;}
	.changeBox{ margin:40px 0 50px;}
	.changeBox .wrap h4{ font-size:22px; line-height:40px;}
	.changeBox .wrap p{ font-size:14px; line-height:26px; color:#999; max-height:52px; overflow:hidden;}

	  
}