/* CSS Document */
html {height:100%;width:100%}
body {
	font-family:"Microsoft YaHei",Arial;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;
	font-size:87.5%;
	height:100%;
	width:100%;
	overflow:hidden
}
a {text-decoration:none;}
@font-face {   
      font-family: 'iconfont';   
      src:  url('../font/iconfont.woff') format('woff'),   
       url('../font/iconfont.ttf') format('truetype');
      font-weight: normal;   
      font-style: normal;   

   }   

.mainlnks {
	margin: 10px auto;
	height: 60px;
	width: 680px;
	background:url(../sucai/cjn_logo.png) 10px center no-repeat;
	background-size:183px 50px;
	padding-left:200px;
}
.mainlnks li {
	float: left;
	width: 10%;
	height: 60px;
	color: #ebebeb;
	overflow: hidden
}
.mainlnks li a, .mainlnks li span {
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	color: #ebebeb;
	font-size: 14px;
	height: 100%;
	width: 100%
}
.mainlnks li a::before, .mainlnks li span::before {
	display: block;
	color: #ebebeb;
	width: 100%;
	height: 42px;
	font-family: 'iconfont';
	font-size: 30px;
	line-height: 42px;
	vertical-align: middle
}
.mainlnks li.on a {
	color: #b23b4d
}
.mainlnks li.on a::before {
	color: #b23b4d;
	-webkit-animation: nav-zoom .5s ease
}
.mainlnks li[data-channel="99"] a::before {
	content: "\e601"
}
.mainlnks li[data-channel="1"] a::before {
	content: "\e602"
}
.mainlnks li[data-channel="2"] a::before {
	content: "\e603"
}
.mainlnks li[data-channel="3"] a::before {
	content: "\e604";
	font-size: 28px
}
.mainlnks li[data-channel="5"] a::before {
	content: "\e605";
	font-size: 28px
}
.mainlnks li[data-channel="8"] a::before {
	content: "\e606"
}
.mainlnks li[data-channel="14"] a::before {
	content: "\e607"
}
.mainlnks li[data-channel="4"] a::before {
	content: "\e608"
}
.mainlnks li[data-channel="6"] a::before {
	content: "\e609";
	line-height: 44px
}
.mainlnks li[data-channel="7"] a::before {
	content: "\e60a"
}
/*
.mainlnks li[data-channel="10"] a::before {
	content: "\e60b"
}
.mainlnks li[data-channel="33"] a::before {
	content: "\e60c";
	font-size: 28px
}
.mainlnks li[data-channel="26"] a::before {
	content: "\e60d"
}
.mainlnks li[data-channel="24"] a::before {
	content: "\e60e"
}
.mainlnks li[data-channel="19"] a::before {
	content: "\e60f"
}
.mainlnks li[data-channel="29"] a::before {
	content: "\e610"
}
.mainlnks li[data-channel="22"] a::before {
	content: "\e611"
}
.mainlnks li[data-channel="32"] a::before {
	content: "\e612"
}
.mainlnks li[data-channel="9"] a::before {
	content: "\e613"
}
.mainlnks li[data-channel="20"] a::before {
	content: "\e614"
}
.mainlnks li[data-channel="21"] a::before {
	content: "\e615"
}
.mainlnks li[data-channel="31"] a::before {
	content: "\e616";
	font-size: 32px
}
.mainlnks li[data-channel="17"] a::before {
	content: "\e617";
	font-size: 28px
}
.mainlnks li[data-channel="23"] a::before {
	content: "\e618";
	font-size: 32px;
	line-height: 48px
}
.mainlnks li[data-channel="18"] a::before {
	content: "\e619"
}
.mainlnks li[data-channel="30"] a::before {
	content: "\e61a"
}
.mainlnks li[data-channel="25"] a::before {
	content: "\e61b"
}
.mainlnks li[data-channel="16"] a::before {
	content: "\e61c"
}
.mainlnks li[data-channel="28"] a::before {
	content: "\e61d";
	font-size: 32px
}
.mainlnks li[data-channel="11"] a::before {
	content: "\e61e";
	line-height: 48px
}
.mainlnks li[data-channel="98"] a::before {
	content: "\e61f";
	font-size: 28px
}
.mainlnks li[data-channel="66"] a::before {
	content: "\e620";
	font-size: 28px
}
*/
@-webkit-keyframes nav-zoom{0%{opacity:0;-webkit-transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1)}}

.area {width:1024px; overflow:hidden;margin:0 auto; }
.area .bd,.area .bd_li_wrap  {width:40000px;}
.ani {-webkit-transition:-webkit-transform .3s ease;transition:transform .3s linear}
.area .bd_li {width:1024px;float:left;overflow:hidden;position:relative;}
.fenye_div {position:absolute;bottom:10px;right:10px;font-size:150%;}
.fenye_div .fenye_page {color:#fff}
.fenye_div .fenye_len {color:#fff}
.card-list {width:900px;height:550px;float:left;padding:18px 62px 0; overflow:hidden; }

.card {width:290px;height:260px;margin:0 0 0 10px; overflow:hidden;position:relative;background:rgba(229,229,229,0.3);float:left;}

.card-pic .cardtitle {background:rgba(0,0,0,0.5);position:absolute;height:95px;padding:20px;top:135px;width:250px;}
.card-pic .abstract {display:none;}
.card a {color:#fff;}
.card .cardtitle h2 {color:#fff;font-size:180%;}
.card-nopic .card-wrap {padding:20px;}
.card-nopic .cardtitle {height:95px;}
.card-nopic .abstract {margin-top:46px;color:#fff;font-size:17px;line-height:1.25em;}
.card-nopic img {display:none}
.card-list .card:nth-child(4),.card-list .card:nth-child(5),.card-list .card:nth-child(6) {margin-top:10px;}

.mainlnks_ver {width:550px;}
.area_ver,.area .bd_li_ver  {width:768px;}
.card-list_ver {width:600px;padding:18px 84px 0;height:800px;}
.card-list_ver .card:nth-child(3) ,.card-list_ver .card:nth-child(4),.card-list_ver .card:nth-child(5),.card-list_ver .card:nth-child(6) {margin-top:10px;}

.content_div { display:none;width:80%;padding:0 10%; overflow:hidden;height:90%;}
.content_div .con_titbar {height:35px;line-height:35px;position:relative;margin-top:20px;background:url(../sucai/cjn_logo.png) no-repeat center center #c13b40;background-size:105px 30px;}
.content_div .con_titbar {height:35px;line-height:35px;position:relative;margin-top:20px;background:url(../sucai/cjn_logo.png) no-repeat center center #c13b40;background-size:105px 30px;}
.content_div .con_titbar .close_ico {position:absolute;width:25px;height:25px;line-height:25px;color:#fff;font-size:25px;display:block;right:10px;top:5px;}

footer {
  position:absolute;
  bottom:1px;
  text-align: center;
  line-height: 214.28571428571428%;
  width:500px;
  left:50%;
  margin-left:-250px;
}
footer * {
  color: #fff;
}
footer a {
  display: inline-block;
  padding: 0 10px;
}

.sz_png {background:url(../sucai/sz.png) no-repeat;left:60%;top:30%;width:166px;height:194px;position:absolute;z-index:100; -webkit-animation:sz_png_ani ease 2s infinite; background-size:contain}
@-webkit-keyframes sz_png_ani {0%{left:60%;top:30%;-webkit-transform:scale(1)}
25% {left:60%;top:40%;-webkit-transform:scale(0.5)} 
100%{left:30%;top:40%;-webkit-transform:scale(0.5)}}
.sz_p {font-size:18px;color:#eee;position:absolute;bottom:10px;text-align:center;width:180px;left:50%;margin-left:-90px;top:65%;background:rgba(51,51,51,0.5);height:30px;line-height:30px; -webkit-animation:sz_p_ani ease 2s infinite;opacity:0.2}
@-webkit-keyframes sz_p_ani {
0% { opacity:0.2}
100% {opacity:1}
}