@charset "utf-8";
/* CSS Document */
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }
.jwcTop{ background:url(/jwc/css/../images/topBj.jpg) 0 0 repeat-x; height:30px; }
.jwcTop .l{ float:left; line-height:30px; letter-spacing:3px;}
.jwcTop .r{ float:right; line-height:30px;}
.jwcTop .r ul{ border-right:1px solid #ccc; margin-bottom:0;}
.jwcTop .r li{ float:left; list-style:none; border-left:1px solid #ccc;}
.jwcTop .r li a{ color:#333; padding:0 10px; line-height:30px;}
.jwcTop .container{ padding-bottom:0;}
#logo{ margin:0 auto; height:120px; background:#57b1ef; padding:4px 0; position:relative; overflow:hidden;}
    #logo .container{ }
	#logo .bd{ margin:0 auto;}
.jwcNav{ margin-bottom:0; border:none;}
.jwcNav .nav li{ text-align:center;}
.jwcNav .nav li a{ color:#333; padding:12px 20px 12px; font-size:16px; font-family:"΢ÈíÑźÚ,Microsoft YaHei"; transition: background 1s ease,transform 1s ease-in 1s;}
.jwcNav .nav li a:hover{ background:#CCC;}

.cbox{ line-height:30px; margin:0 auto 0;  
	background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);}
.jwcSnav{ background:#e6e6e6; width:1150px; margin:0 auto 15px; border-radius:0 0 10px 10px; padding:5px 10px;}
	.jwcSnav .cbox a{ margin:0 5px;}
	.jwcSnav .csbox{ padding:6px 0;}
	.jwcSnav .csbox a{ }
	
.jwcNav .navbar-inner{ border:none; padding:0;}
.newList{ margin-bottom:5px;}
.newList .hd{background:#ddd; padding:10px; margin-bottom:0; font-size:16px; color:#000; font-family:"SimHei","΢ÈíÑźÚ,Microsoft YaHei";}
.newList .hd i{ margin-top:2px; margin-right:4px;}
.newList .hd a{ float:right; font-size:14px; font-weight:normal;}
.newList li{ border-bottom:1px dashed #a3b8c5; list-style:none;}
.newList li a{ color:#555; display:block; padding:10px 10px 9px 10px; background:#fff;}
.newList li a:hover{background:#fffde0; text-decoration:none; color:#000;}
.newList ul{ margin:0; padding:0;}
.footer{ text-align:center; background:#868686; color:#fff; padding:30px 0; margin-top:10px;}

.listK{ margin:0; padding:0; list-style:none; margin-left:-10px; float:left; }
.listK li{margin:0 0 15px 10px; float:left; list-style:none;}
.listK li i{ width:48px; height:48px; float:left;}
.listK li em{ font-style:normal; color:#fff; margin-left:1em; font-weight: normal; font-size:18px;transition: color 1s ease,transform 1s ease-in 1s;}
.listK li a{ text-decoration:none; float:left; width:265px; padding:10px; line-height:48px; height:48px; border-radius:10px;}
.listK li a:hover em{ color:#333;}
.listK li a:hover i{-webkit-animation: mymove 2s infinite linear; animation: mymove 2s infinite linear; }
@keyframes mymove
{
0%   {transform: rotateY(0deg);}
50%  {transform: rotateY(180deg);}
100% {transform: rotateY(360deg);}
}
@-webkit-keyframes mymove
{
0%   {transform: rotateY(0deg);}
50%  {transform: rotateY(180deg);}
100% {transform: rotateY(360deg);}
}

.listK li.j a{background:#3498db;}
.listK li.k a{background:#5c6bc0;}
.listK li.w a{background:#f57c00;}
.listK li.y a{background:#1abc9c;}
.listK li.j i{ background:url(/jwc/css/../images/j.png) 0 0 no-repeat;}
.listK li.k i{ background:url(/jwc/css/../images/k.png) 0 0 no-repeat;}
.listK li.w i{ background:url(/jwc/css/../images/w.png) 0 0 no-repeat;}
.listK li.y i{ background:url(/jwc/css/../images/y.png) 0 0 no-repeat;}
.hbox{ overflow:hidden;}

.slide .active img{ width:100%;}

.breadcrumb{ border-bottom:1px solid #999; margin-bottom:0;}
.breadcrumb a{ font-weight:bold;}
.pagination{ text-align:center;}
.nav-tabs .icon-chevron-right,.time{ float:right; display:inline-block;}
.dList{ margin:0;}
.dList li{ padding:5px 0; border-bottom:1px dashed #a3b8c5; list-style:none; padding:15px;}
.viewBox{ text-align:center;}
.slide{ height:440px; overflow:hidden;}
.slide img{ height:440px;}
.nav-tabs .active{}
.nav-tabs .active a{ color:#fff; background:#57b1ef;}
.nav-tabs .active a:hover{ background:#abd8f7;}
.nav-tabs .active i{ background-image:url("/jwc/css/../images/glyphicons-halflings-white.png"); }
.search{  float:right;}

.onePic{ position:relative;}
.jwcTopPic{ position:absolute; top:31px; left:14px; border:2px solid #FF0000; width:60px; height:60px; display:none;}
.jwcTopPic img{ width:60px; height:60px;}
.alert h4{ font-size:14px; padding-bottom:4px;}
.viewBoxCon{ padding:16px 0; min-height:200px; line-height:2em; font-size:16px;}
.maquee{ overflow:hidden; height:410px;}
.banner-cloud {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/jwc/css/../images/cloud.png") no-repeat center;
  background-size: 100%;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 1;
}

.cloud1 {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-animation: bannerCloud 40s linear 0s infinite normal;
  animation: bannerCloud 40s linear 0s infinite normal;
}

.cloud2 {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-animation: bannerCloud 40s linear 20s infinite normal;
  animation: bannerCloud 40s linear 20s infinite normal;
}

.mb15{ margin-bottom:15px;}

@-webkit-keyframes bannerCloud {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
  }
  10%,
  80% {
    opacity: 0.4;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
  }
}

@keyframes bannerCloud {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  10%,
  80% {
    opacity: 0.4;
  }
  100% {
    opacity: 0;
    transform: scale(3);
  }
}