@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53;}
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; color: #666}
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }

body {
	font-family: "Helvetica Neue", Helvetica, Hiragino Sans GB, Open Sans, Microsoft Yahei, Arial;
	background-color: #fff;
	color: #666;
	font-size: 14px;
}
ul,li {
	list-style-type: none;
}
* {
	padding: 0;
	margin: 0;
}
a:hover {
	text-decoration: none;
	color: #f09700;
} 

.fl{
	float:left;
	_display:inline;
}
.fr{
	float: right;
	_display:inline;
}

/*清除浮动*/
.clearfix:before,.clearfix:after{ 
    content:""; 
    display:table; 
} 
.clearfix:after{clear:both;} 
.clearfix{ 
    *zoom:1;/*IE/7/6*/ 
}

/*文字溢出*/
.clip{
	overflow:hidden; /*超出部分隐藏*/
	white-space:nowrap;/*强制在一行显示*/
	text-overflow:clip;
	}
.elli{
	overflow:hidden; /*超出部分隐藏*/
	white-space:nowrap;/*强制在一行显示*/
	text-overflow:ellipsis;/*结尾3点省略号*/
}
.ellipsis{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;/*指定行数，溢出则隐藏*/
	overflow: hidden;
	text-overflow: ellipsis;
}
.themecolor1{
	color: #eeb898 !important;
}
.themecolor2{
	color: #96dff2 !important;
}
.themecolor3{
	color: #f6a3a0 !important;
}


.header_naro{
  width: 100%;
  height: 490px;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
  background-color: #FFF;
  background: url(../img/head_bg.jpg) center top no-repeat;
}
.navIL, .navIM, .logoPNG { background-image: url(../images/nav.png); }
.topNav { height: 75px; width: 100%; position: absolute; left: 0; top: 0; margin: 0 auto; overflow: hidden; z-index: 4; }
.topNav2 { width: 200%; position: absolute; left: -50%; top: 0; }
.navBox { width: 1920px; margin: 0 auto; position: relative; }
.navIndexBg { width: 1920px; position: absolute; height: 75px; left: 0; top: 0; }
.navIL { width: 840px; position: absolute; left: 0; top: 0; height: 75px; background-repeat: repeat-x; background-position: 0 -75px; }
.navIR { left: 1080px; }
.navIM { left: 840px; position: absolute; width: 240px; height: 70px; top: 0; }
.navMain { width: 1120px; margin: 0 auto; height: 242px; position: relative; }
.navIndex { padding-left: 152px; height: 55px; }
    .navIndex li { color: #000; font-size: 14px; float: left; line-height: 50px; height: 55px; width: 112px; text-align: center; }
li.nav3, a.nav4:hover { background-position: -1120px -168px; }
.navIndex a { color: #000; display: block; width: 112px; height: 50px; }
    .navIndex a:hover { color: #ff3b00; }
.nav1 { margin-right: 142px; }
.navSub { width: 1120px; height: 187px; display: none; overflow: hidden; }
    .navSub a { color: #000; display: block; height: 26px; margin: 0 auto; width: 108px; }
        .navSub a:hover { color: #ff3b00; background-position: -1232px 0; }
    .navSub dl { width: 112px; float: left; text-align: center; line-height: 26px; position: relative; padding-top: 23px; height: 134px; }
    .navSub dt { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -5000px; background-position: -1120px 0; display: none; }
    .navSub dd { position: relative; }
.nav2 { margin-left: 264px; _margin-left: 132px; }
.logo { width: 100%; position: absolute; left: 0; top: 0; overflow: hidden; height: 124px; }
.logoBox { width: 112px; height: 124px; margin: 0 auto; position: relative; z-index: 5; top: 6px; left: 2px; }
h1.logoPNG { width: 112px; height: 124px; background-position: 0 -150px; display: block; text-indent: -5000px; position: relative; top: -8px; left: -1px; }
.logoBox { position: relative; z-index: 5; cursor:pointer }
.navSub dt, .navSub, li.nav3, a.nav4:hover, .navSub a:hover { background-image: url(../images/navSub.png); background-repeat: no-repeat; }
.banner{
  width: 100%;
	margin: auto;
	position: relative;
}
.swiper-container {
	width: 1000px;
	height: 320px;
	padding-bottom: 46px;
	background: url(../img/banner_bg.jpg) no-repeat;
}
.swiper-button-next, .swiper-button-prev{
	top: 40%;
}
.swiper-button-prev{
	width: 40px;
	height: 80px;
	left: 0;
	background: url(../img/slider_prev.png) no-repeat;
}
.swiper-button-next{
	width: 40px;
	height: 80px;
	right: 0;
	background: url(../img/slider_next.png) no-repeat;
}
.swiper-pagination-bullet-active{
	background-color: #f65d5b
}

.main{
	width: 1000px;
	margin: auto;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 10px 30px #eaeaea;
}
.leftcon{
	width: 670px;
}
.m-slide {
	position: relative;
	width: 670px;
	height: 212px;
	background-color: #fff
}
.m-slide .bottom-shadow {
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 1px;
	overflow: hidden;
	border-top: 1px solid #e0e0e0;
	background: #e6e6e6;
	border-bottom: 1px solid #ececec;
}
.m-slide .img {
	float: left;
	position: relative
}
.m-slide .img li,
.m-slide .img a,
.m-slide .img img {
	display: block;
	width: 100%;
}
.m-slide .img li {
	height: 200px;
	overflow: hidden;
	padding: 5px;
	border: 1px solid #eaeaea;
	position: absolute;
	width: 320px;
	left: 0px;
	top: 0px;
	display: none;
}
.m-slide .img .first {
	display: block
}
.m-slide .tab {
	float: right
}
.m-slide .tab li {
	*margin-bottom: -3px;
	width: 330px;
	height: 70px;
}
.m-slide .tab li:first-child {
	background: url(../img/newsNo01.gif) no-repeat;
	margin-bottom: 2px;
}
.m-slide .tab li:nth-child(2) {
	background: url(../img/newsNo02.gif) no-repeat;
	margin-bottom: 2px;
}
.m-slide .tab li:nth-child(3) {
	background: url(../img/newsNo03.gif) no-repeat;
}
.m-slide .tab a {
	text-decoration: none;
	left: 25px;
	display: block;
	position: relative;
	width: 300px;
	height: 49px;
}
.m-slide .tab a b {
	position: absolute;
	left: 0;
	top: 20px;
	width: 4px;
	height: 11px;
	overflow: hidden
}
.m-slide .tab a span {
	position: absolute;
}
.m-slide .tab a .title {
	left: 17px;
	top: 6px;
	width: 280px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.m-slide .tab a .des {
	left: 18px;
	top: 26px;
	height: 32px;
	overflow: hidden;
	text-indent: 2em;
	line-height: 16px;
	color: #999;
	font-size: 12px;
}
.m-slide .tab .on .title{
	color: #667bb4
}

.rec-list{
	margin-top: 10px
}
.rec-list ul li{
	width: 100%;
	border-bottom: 1px solid #eaeaea;
	height: 40px;
	line-height: 40px;
}
.rec-list ul li i{
	float: left;
	width: 9px;
	height: 9px;
	margin: 15px 7px 0 0;
	background: url(../img/icon_list.png) no-repeat;
}
.rec-list ul li:hover i{
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-transition: all 0.4s linear 0.05s;
	-moz-transition: all 0.4s linear 0.05s;
	-o-transition: all 0.4s linear 0.05s;
	-ms-transition: all 0.4s linear 0.05s;
	transition: all 0.4s linear 0.05s;
}
.rec-list ul li a{
	float: left;
	width: 590px;
	font-size: 14px;
	color: #666;
}
.rec-list ul li a:hover{
	color: #667bb4
}
.rec-list ul li span{
	float: right;
	color: #aaa;
	font-size: 14px;
}
.rec-list ul li font{
	color: #aaa;
	margin-right: 5px;
}

.articlelist{

}
.articlelist ul li{
	display: inline-block;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #eaeaea;
}
.articlelist ul li .coverpic{
	width: 208px;
	height: 130px;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	padding: 5px;
	overflow: hidden;
	background-color: #fff;
}
.articlelist ul li .coverpic img{
	width: 100%;
}
.mod_imgLight{position: absolute; overflow:hidden;}
.mod_imgLight img{width: 100%;}
.mod_imgLight a{display:inline-block}
.mod_imgLight a:before{content:'';position:absolute;width:60px;height:205px;margin-top:0px;margin-left:-200px;overflow:hidden;z-index:6;
background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.6)),color-stop(100%,rgba(255,255,255,0)));
background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%);
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%);
background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%);
transform:skewX(-25deg);
}
.mod_imgLight:hover a:before{animation:aniBlink120 .3s ease-out forwards;
-moz-animation:aniBlink120 .3s ease-out forwards; -ms-animation:aniBlink120 .3s ease-out forwards; -o-animation:aniBlink120 .3s ease-out forwards; -webkit-animation:aniBlink120 .3s ease-out forwards;}
@keyframes aniBlink120{from{margin-left:-60px}to{margin-left:200px}}
@-webkit-keyframes aniBlink120{from{margin-left:-60px}to{margin-left:200px}}
@-moz-keyframes aniBlink120{from{margin-left:-60px}to{margin-left:200px}}
@-ms-keyframes aniBlink120{from{margin-left:-60px}to{margin-left:200px}}
@-o-keyframes aniBlink120{from{margin-left:-60px}to{margin-left:200px}}

.articlelist ul li .box{
	float: right;
	width: 440px;
	height: 140px;
}
.articlelist ul li .box:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.articlelist ul li .des{
	width: 436px;
	display: inline-block;
	vertical-align: middle;
}
.articlelist ul li .des a{
	width: 100%;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}
.articlelist ul li .des p{
	width: 430px;
	color: #999;
	margin: 5px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}
.articlelist ul li .status{
	width: 100%;
}
.articlelist ul li .status i{
	margin-right: 5px;
	color: #aaa;
}
.articlelist ul li .status span:first-child i{
	color: #f09700;
}
.articlelist ul li .status span{
	font-size: 14px;
	display: inline-block;
	float: right;
	margin-left: 12px;
	color: #999;
}
.articlelist ul li .status span:first-child{
	float: left;
	margin-left: 0;
}

.hrline{
	float: left;
	width: 15px;
	height: 302px;
	margin: 80px 0 0 15px;
	background: url(../img/hrline.jpg) no-repeat;
}
.rightcon{
	width: 300px;
}
.notice{
	width: 300px;
	height: 175px;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	margin-bottom: 10px;
}
.notice h1{
	padding: 0 10px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	background-color: #667bb4;
	margin-left: 15px;
	font-size: 14px;
	color: #fff;
	font-weight: 100;
	position: relative;
	top: -1px;
}
.notice .con{
	padding: 5px 10px;
	width: 280px;
}
.notice .con ul li{
	line-height: 32px;
}
.notice .con ul li a{
	float: left;
	width: 230px;
}
.notice .con ul li:first-child a{
	font-weight: 800;
	font-size: 13px
}
.notice .con ul li span{
	float: right;
	color: #999
}

.friendlink{
	width: 300px;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	margin-bottom: 10px;
}
.friendlink h1{
	padding: 0 10px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	background-color: #f09700;
	margin-left: 15px;
	font-size: 14px;
	color: #fff;
	font-weight: 100;
	position: relative;
	top: -1px;
}
.friendlink .con{
	padding: 5px 10px;
	width: 280px;
}
.friendlink .con ul li{
	line-height: 32px;
}
.friendlink .con ul li a{
	float: left;
	width: 140px;
}
.friendlink .con ul li span{
	float: right;
	color: #999
}

.col_right{
	width: 300px;
	height: 75px;
	margin-bottom: 10px;
	position: relative;
}
.col_right .icon{
	width: 76px;
	height: 76px;
	position: absolute;
}
.col_right .icon a:hover{
	opacity: .825;
}
.col_right h2{
	margin: 5px 0;
	font-size: 18px;
	margin-left: 80px;
	display: inline-block;
	font-weight: 400;
}
.col_right span{
	padding-left: 50px;
	float: right;
	width: 220px;
	height: 35px;
	line-height: 35px;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	overflow: hidden;
}

.index_rightad{
	width: 300px;
	height: 250px;
	margin: 10px 0;
}

.footer_naro{
	width: 100%;
	height: 677px;
	background: url(../img/footer_bg.jpg) no-repeat center bottom;
	position: relative;
}
.footer_naro .box{
	position: absolute;
	width: 100%;
	height: 150px;
	background-color: #313131;
	bottom: 0;
}
.footer_naro .con{
	background: url(../img/footer_line.gif) repeat-x 0px 0px;
	margin: 0px auto;
	width: 1000px;
	padding-top: 50px;
	position: relative;
}
.footer_naro .infodesc{
	float: left;
	margin-top: 10px;
	width: 300px;
	color: #efefef;
	padding: 0 10px;
	border-left: 1px solid #999;
}
.footer_naro .infodesc span{
	line-height: 24px;
	display: inline-block;
}
.footer_naro .sublink{
	margin-top: 26px;
	float: left;
	margin-left: 200px;
	width: 300px;
	padding: 0 10px;
}
.footer_naro .sublink ul li{
	font-size: 14px;
	padding: 0 5px;
	border-right: 1px solid #ccc;
	color: #ccc;
	float: left;
	line-height: 14px;
}
.footer_naro .sublink ul li:last-child{
	border: none;
}
.footer_naro .sublink ul li a{
	color: #aaa
}
.footer_naro .sublink ul li a:hover{
	color: #f09700;
}

/* 返回顶部 */
/*默认样式，主要是position:fixed实现屏幕绝对定位*/
#gotoTop {
	display: none;
	position: fixed;
	top: 85%;
	left: 50%;
	z-index: 9;
	cursor: pointer;
	margin-top: -50px;
	margin-left: 520px;
	width: 30px;
	height: 30px;
	background-image: url(../img/share.png);
	background-position: 0px -120px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/*用CSS表达式(expression)来实现ie6下position:fixed效果*/
#gotoTop {
	_position: absolute;
	_top: expression(documentElement.scrollTop+ documentElement.clientHeight * 3/4+ "px")
}
/*鼠标进入的反馈效果*/
#gotoTop.hover {
	background-position: -30px -120px;
}

/*内容页面*/
.show_news{width:680px; float: left;}
.show_news .site{
	line-height: 20px;
	margin-bottom: 5px;
}
.show_news .site font{
	float: left;
	margin: 0 5px 5px 0;
	width: 20px;
	background: url(../images/dot.png) no-repeat;
	height: 20px;
	display: inline-block;
}
.show_news .site a{color:#667bb4; margin-top:25px;}
.show_news .site a:hover{ color:#f39800;}
.show_news .con_box .title {
	height: 80px;
}
.show_news .con_box .title font {
	float: left;
	width: 680px;
	color: #667bb4;
	font-size: 20px;
	margin-top: 15px;
}
.show_news .con_box .title a {
	color: #999;
	font-size: 12px;
	float: left;
	margin-right: 30px;
	margin-top: 5px;
}
.show_news .con_box .summary {
	border: 1px solid #dedede;
	background-color: #efefef;
	padding: 20px;
	margin-bottom: 10px;
	color: #888;
	line-height: 24px;
	border-top-left-radius: 23px;
	border-bottom-right-radius: 18px;
}
.show_news .con_box .summary font{color: #667bb4; text-indent: 2em;}
.show_news .con_box .show_tag{
	margin: 20px 0;
}
.show_news .con_box .show_tag i{
	float: left;
	font-size: 18px;
	color: #f09700;
	margin-right: 5px;
}
.show_news .con_box .show_tag a{
	color:#667bb4;
}
.show_news .con_box .show_tag a:hover{
	color: #f09700;
}
.show_news .con_box .content{}
.show_news .con_box .content p{margin-bottom: 10px;}
.show_news .con_box .content img{ max-width: 600px; height: auto !important;}
.show_news .con_box .content li{
	list-style: initial;
	margin-left: 20px;
}
.show_news .con_box .content a{
	color: #667bb4
}
.show_news .con_box .content a:hover{
	color: #f09700;
}


.show_right{ float: right; width: 300px; margin-top: 20px;}
.fixed{top: 10px; z-index: 100; background-color: #fff;}
.reward{width: 300px; height: 129px; background: url("../images/reward.png") no-repeat 0px; top: 0; margin-bottom: 15px; text-align: center;}
.reward #cyReward{ display: inline-block; margin-top: 52px;}
.naro_next_prev{ font-size: 14px;}
.naro_next_prev ul{}
.naro_next_prev li{height: 28px; line-height: 24px; margin: 10px 0;}
.naro_next_prev li i{float: left; margin-right: 10px; color: #667bb4;}
.naro_next_prev li a{line-height: 24px;}

.show_full_ad{
	width: 1000px;
	overflow: hidden;
}
.show_full_ad img{
	width: 100%
}

pre {
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow: auto;
	margin: 15px 0;
	font: 100 12px/18px monaco,andale mono,courier new;
	padding: 10px 12px;
	border-top: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-left: 4px solid #667bb4;
	background-color: #fefefe;
	box-shadow: 0 0 4px #eee;
	word-break: break-all;
	color: #444;
}


/* 列表 */
.list_lcon{
	width: 680px;
}
.list_first{
}
.list_first ul li{
	width: 100%;
	border-bottom: 1px solid #eaeaea;
	height: 40px;
	line-height: 40px;
}
.list_first ul li i{
	float: left;
	width: 9px;
	height: 9px;
	margin: 15px 7px 0 0;
	background: url(../img/icon_list.png) no-repeat;
}
.list_first ul li:hover i{
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-transition: all 0.4s linear 0.05s;
	-moz-transition: all 0.4s linear 0.05s;
	-o-transition: all 0.4s linear 0.05s;
	-ms-transition: all 0.4s linear 0.05s;
	transition: all 0.4s linear 0.05s;
}
.list_first ul li a{
	float: left;
	width: 540px;
	font-size: 14px;
	color: #666;
}
.list_first ul li a:hover{
	color: #f09700
}
.list_first ul li span{
	float: right;
	color: #aaa;
	font-size: 14px;
	margin-left: 10px;
}
.list_first ul li font{
	color: #eaeaea;
	margin-right: 2px;
	display: inline-block;
}
.text-c{
	margin: 10px 0;
	text-align: right;
}
.text-c a{
	background-color: #667bb4;
	color: #fff;
	padding: 2px 5px;
}
.text-c a:hover{
	background-color: #f09700;
	color: #fff;
	padding: 2px 5px;
}
.text-c a:first-child{
	color: #667bb4;
	background-color: #fff;
}
.text-c a:last-child{
	margin-left: 5px;
}
.text-c span{
	margin: 2px 5px;
}

.hot_part{
	width: 300px;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	margin-bottom: 10px;
}
.hot_part h1{
	padding: 0 10px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	background-color: #667bb4;
	margin-left: 15px;
	font-size: 14px;
	color: #fff;
	font-weight: 100;
	position: relative;
	top: -1px;
}
.hot_part .con{
	padding: 5px 10px;
	width: 280px;
}
.hot_part .con ul li{
	line-height: 32px;
}
.hot_part .con ul li a{
	float: left;
	width: 230px;
}
.hot_part .con ul li span{
	float: right;
	color: #aaa
}
.hot_part .con ul li i{
	color: #eaeaea;
	margin-right: 2px;
	font-size: 14px;
}

.cate_part{
	width: 490px;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	margin-bottom: 10px;
}
.cate_part:last-child, .cate_part:nth-child(n+4){
	margin-top: 10px;
}
.cate_part h1{
	padding: 0 10px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	background-color: #667bb4;
	margin-left: 15px;
	font-size: 14px;
	color: #fff;
	font-weight: 100;
	position: relative;
	top: -1px;
}
.cate_part .more{
	padding: 10px 10px 0;
	float: right;
}
.cate_part .con{
	padding: 5px 10px;
	width: 470px;
	height: 350px;
}
.cate_part .con ul li{
	display: inline-block;
	line-height: 32px;
	width: 100%;
}
.cate_part .con ul li a{
	float: left;
	width: 400px;
}
.cate_part .con ul li span{
	float: right;
	color: #aaa
}
.cate_part .con ul li i{
	color: #eaeaea;
	margin-right: 2px;
	font-size: 14px;
}
.cate_part .con ul li font{
	float: left;
	width: 9px;
	height: 9px;
	margin: 12px 7px 0 0;
	background: url(../img/icon_list.png) no-repeat;
}
.cate_part .con ul li:hover font{
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-transition: all 0.4s linear 0.05s;
	-moz-transition: all 0.4s linear 0.05s;
	-o-transition: all 0.4s linear 0.05s;
	-ms-transition: all 0.4s linear 0.05s;
	transition: all 0.4s linear 0.05s;
}

/*支持赞助*/
.layui-layer{border-radius: 10px !important; box-shadow: none !important;}
#parentIframe{cursor: pointer;}
#parentIframe img{width: 300px; height: 162pg; border: 1px solid #e6e6e6;}
.layerbox{width: 520px; height: 520px; border: 1px solid #e6e6e6; border-radius: 10px; text-align: center; background: url(http://www.pandadiu.com/statics/cosplay/newimg/bg2.jpg) repeat;}
.layerbox h3{text-align: center; font-weight: 100; color: #666; line-height: 48px; margin: 40px 0 20px;}
.layerbox h5{text-align: center; font-weight: 100; color: #adadad; line-height: 48px; font-size: 12px;}
.layerbox .logo{ width: 65px; height: 65px; background: url(../img/logo.png) no-repeat; margin: auto; background-size: 100%;}
.layerbox .description{width: 100%; color: #999; font-size: 16px; margin: 20px 0; }
.layerbox .qr{width: 100%; height: 260px;}
.layerbox .qr .qrbox{width: 150px; padding: 20px 55px;}
.layerbox .qr .qrbox .qrpic{width: 150px; height: 150px; margin-bottom: 10px;}
.layerbox .qr .qrbox .qrpic img{width: 150px; height: 150px; }
/* .layerbox .qr .qrbox .alipay{width: 85px; height: 28px; background: url(../img/alipay.jpg) no-repeat; margin: auto;} */
/* .layerbox .qr .qrbox .wechat{width: 112px; height: 28px; background: url(../img/wechat.jpg) no-repeat; margin: auto;} */

.layeranimation_img{ width: 65px; height: 65px; border-radius: 50%; overflow: hidden; margin: auto;}
.layeranimation_img .myimg {	width: 65px; height: 65px; border-radius: 50%; background: url(../img/logo.png) no-repeat; background-size: cover; }

.list_project{
	margin: 0 13px 15px 0;
	display: inline-block;
	width: 320px;
	border: 1px solid #eaeaea;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	position: relative;
}
.list_project:nth-child(3n){
	margin-right: 0;
}
.list_project .pic{
	width: 320px;
	height: 236px;
	overflow: hidden;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
}
.list_project .pic img{
	width: 100%;
}
.list_project .view{
	position: absolute;
	bottom: 85px;
	left: 0;
	background-color: #000;
	opacity: .65;
	opacity: 0.575;
	filter: alpha(opacity=65);
	color: #fff;
	padding: 5px 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.list_project .desc{
	padding: 10px 10px 0 10px;
}
.list_project .desc a{
	padding-bottom: 5px;
	width: 300px;
	font-size: 16px;
	border-bottom: 1px solid #eaeaea;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}
.list_project .desc span{
	overflow: hidden;
	width: 300px;
	margin: 5px 5px 5px 0;
	color: #999;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}
.list_project .desc i{
	font-size: 18px;
	float: left;
	margin-right: 5px;
	color: #f09700;
}
.imglight{position: relative; overflow:hidden;}
.imglight img{width: 100%;}
.imglight a{display:inline-block}
.imglight a:before{content:'';position:absolute;width:160px;height:235px;margin-top:0px;margin-left:-400px;overflow:hidden;z-index:6;
background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.6)),color-stop(100%,rgba(255,255,255,0)));
background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%);
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%);
background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%);
transform:skewX(-25deg);
}
.imglight:hover a:before{animation:aniBlink120 .3s ease-out forwards;
-moz-animation:aniBlink120 .3s ease-out forwards; -ms-animation:aniBlink120 .3s ease-out forwards; -o-animation:aniBlink120 .3s ease-out forwards; -webkit-animation:aniBlink120 .3s ease-out forwards;}
@keyframes aniBlink120{from{margin-left:-120px}to{margin-left:400px}}
@-webkit-keyframes aniBlink120{from{margin-left:-120px}to{margin-left:400px}}
@-moz-keyframes aniBlink120{from{margin-left:-120px}to{margin-left:400px}}
@-ms-keyframes aniBlink120{from{margin-left:-120px}to{margin-left:400px}}
@-o-keyframes aniBlink120{from{margin-left:-120px}to{margin-left:400px}}

.tablenav {}

.tablenav .tab {
	width: 210px;
	text-align: center;
	overflow: hidden;
	margin: auto;
	position: relative;
}

.tablenav .tab a {
	position: relative;
	display: block;
	margin: 10px;
	float: left;
	text-decoration: none;
	color: #333;
}

.tablenav .tab span {
	position: relative;
	padding: 10px;
}

.tablenav .tab a:not(:last-child):after {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	margin-right: -10px;
	content: "";
	right: 0;
	border-right: 1px solid #ddd;
	display: block;
	height: 16px;
	width: 2px;
	-webkit-transform: skew(-20deg);
	-ms-transform: skew(-20deg);
	transform: skew(-20deg);
}

.tablenav .tab a:hover {
	color: #fff;
	text-decoration: none;
}

.tablenav .tab a.on {
	color: #fff;
}

.tablenav .tab a.on:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	background-color: #667bb4;
	width: 100%;
	height: 100%;
	-webkit-transform: skew(-20deg);
	-ms-transform: skew(-20deg);
	transform: skew(-20deg);
}

.tablenav .content {
	overflow: hidden;
	padding: 10px 0;
}

.tablenav .content li {
	display: none;
}

.tablenav .content li:first-child {
	display: block;
}
.tablenav .tab a:hover{
	color: #667bb4;
}
.tablenav .content .listmore{
	text-align: center;
	position: relative;
	display: block;
	color: #667bb4;
}
.tablenav .content .listmore:hover{
	color: #f09700;
}
.tablenav .content .listmore:before, .listmore:after {
	content: "";
	position: absolute;
	top: 10px;
	height: 1px;
	background-color: #eaeaea;
	width: 200px; 
}
.tablenav .content .listmore:before{
	left: 250px;
}
.tablenav .content .listmore:after{
	right: 250px;
}