/* CSS Document */
*{ padding:0; margin:0}
a{ text-decoration:none; outline:none}
a img{ border:none;}
ol,li,ul{ list-style:none}
body{ font:12px/20px 'Microsoft YaHei'; background:#fff;_filter: expression(document.execCommand("BackgroundImageCache", false, true));}
a:link img , a:visited img { opacity:1; filter:alpha(opacity=100);
-webkit-transition:opacity .2s ease-in-out;
   -moz-transition:opacity .2s ease-in-out;
     -o-transition:opacity .2s ease-in-out;
-ms-transition:opacity .2s ease-in-out;
    transition:opacity .2s ease-in-out;
}
a:hover img { opacity:0.75; filter:alpha(opacity=75); }

.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {*zoom:1}

.clear{ width:100%; height:0; overflow:hidden; clear:both}
.head{height:70px; background:#0456a5; width:100%; position:fixed; top:0; left:0;z-index:5;}
.jbteemye{ position:absolute; right:0; top:0;}
.indexhead{ position:fixed; height:70px; z-index:100;}


.headin{ width:1250px; margin:0 auto}
#header{position:fixed; top:0; left:0; z-index:11}
.headin .logo{ float:left; padding:15px 0 0 45px}
.nav{ float:right; font-size:16px; line-height:70px; margin-right:60px;}
.nav ul li{ float:left; position:relative}
.nav ul li a{ display:block; padding:0 10px; color:#fff; position:relative;}
.nav ul li a span{ display:block; text-align:center; position:absolute; left:0; width:100%; top:-37px; -webkit-transform: translateY(0); transform: translateY(0);-webkit-transition:0.3s all ease;transition:0.3s all ease; text-align:center;}
.nav ul li a:hover img{opacity:1; filter:alpha(opacity=100);}
.nav ul li a i,.nav ul li a b.caseT{ -webkit-transform: translateY(0); transform: translateY(0);-webkit-transition:0.3s all ease;transition:0.3s all ease; display:block; font-style:normal}
.nav ul li b.caseT{ right:0px; top:26px; position:absolute;-webkit-transform: translateY(0); transform: translateY(0);-webkit-transition:0.3s all ease;transition:0.3s all ease;}
.nav ul li a:hover span{ -webkit-transform: translateY(43px); transform: translateY(43px);-webkit-transition:0.3s all ease;transition:0.3s all ease;}
.nav ul li a:hover i,.nav ul li:hover b.caseT{-webkit-transform: translateY(16px); transform: translateY(16px);-webkit-transition:0.3s all ease;transition:0.3s all ease;}

.footerout{ width:100%; background:#282828; padding:30px 0; position:relative; z-index:1}
 .footer{ margin:0 auto; width:1180px;  font-size:13px}
 .footerleft{ float:left; width:945px;}
 .nav_ul li{ width:210px; float:left; margin-right:35px}
  .nav_ul li h1{ font-size:12px;color:#ffca00; border-bottom:1px solid #3d3d3d; font-size:14px; line-height:30px; margin-bottom:3px;}
  .nav_ul li a{ display:block; color:#8c8c8c}
  .nav_ul li a:hover{ color:#c66d04}
  .nav_ul li h1 a{ display:block; color:#ffca00}
  .nav_ul li h1 a:hover{ color:#c66d04}
  
  .headContact{float:right; padding-top:10px}
  .headContact ul li{float:left; position: relative;}
  .headContact ul li span{ display:none; width:57px; height:54px;  position: absolute;top:0; left:0}
   
  .headContact ul li span.spn_conqq{ background:url(../images/con-QQ-hover.jpg) no-repeat;}
  .headContact ul li span.spn_conweixin{ background:url(../images/con-weixin-hover.jpg) no-repeat;}
  .headContact ul li span.spn_conweibo{ background:url(../images/con-weibo-hover.jpg) no-repeat;}
  .headContact ul li a:hover span{ display:block}
  
.share{ width:335px; height:33px; padding:5px 0 15px 15px; background:#EBEAF5; clear:both; margin:40px 0 10px 0}  
.share a{ padding-right:17px;}

.yqTab{ width:100%; font-size:12px; margin-top:20px; border-bottom:1px solid #606165; height:100px;}

.yqtab2{ height:29px; background:url(../images/tabbor.jpg) bottom center repeat-x;}
.yqtab2 ul li{ float:left; text-align:center; padding:4px 10px; background:#282828; cursor:pointer; margin-left:2px; color:#fff}

.yqtab2 ul li.checked{ border:1px solid #606165; border-bottom:none;}
.yqtab2 ul li.notchecked{ border:none; background:none}

.yq-panter{ width:100%; padding-bottom:25px;}
.yq-panter .y-p{ padding-top:20px; line-height:18px;color:#b0b0b0}
.yq-panter .y-p a{ color:#b0b0b0}
.yq-panter .y-p a span{ padding-left:5px}
.yq-panter .y-p a:hover{ color:#c66d04}

.a_img { padding:30px 0; float:right;}
.a_img a img{ margin-right:10px}
.chzz{ color:#d2d2d2;float:left;margin:30px 0}
.chzz a{ color:#a3a1a1}
.chzz span{ display:block; color:#d8d8d8;}

.footerright{ width:185px; float:right;}
.p_smwx{ display:block; text-align:center;}
.p_smwx span{ display:block; font:14px/25px 'Microsoft YaHei'; color:#fff; margin-top:10px}

.kf{ display:block; margin:15px 0 10px 0}

.p-qq a.qq{ display:block; background:url(../images/online.jpg) no-repeat; width:88px; height:22px;  float:left; margin:5px 5px 0 0; }
.p-qq a.online{ background:url(../images/online.jpg) no-repeat; }

.downimg a{ display:block; width:182px; margin-top:15px}
.downimg a.a_dzs{ background:url(../images/zacolor.jpg) 0 -53px no-repeat; height:53px;}
.downimg a.a_dzs:hover{ background:url(../images/zacolor.jpg) no-repeat; }

.downimg a.a_jobs{ background:url(../images/jobs.jpg) no-repeat; height:83px;}
.downimg a.a_jobs:hover{ background:url(../images/jobs.jpg) 0 -83px no-repeat}

.pageTitileout{ width:100%; }
.pageTitile{ background:url(../images/pageTbg.jpg) top center no-repeat; line-height:50px; height:50px; color:#fff; width:100%;z-index:4; position:fixed; top:0; left:0;}
.Title{ width:1250px; text-indent:96px; margin:0 auto}
.Title h1{ font-size:25px; font-weight:100}
.Title h1 span{ font-size:29px; font-weight:bold; padding-right:20px}

.mincontent{ width:1250px; margin:0 auto;}

.box4inner{ width:1250px; margin:0 auto}

.headandtitle{ width:100%; height:130px;}
.headzw{ height:80px; background:#0456a5}

.Newspage{ text-align:center; height:50px; margin-bottom:10px}
.Newspage a{ border:1px solid #c2c1c2; color:#666666; font-size:18px; padding:8px 14px; background:#fff; margin:0 5px}
.Newspage a:hover{ color:#fff; background:#383838; border-color:#383838}
.Newspage .last_hover:hover,.Newspage .next_hover:hover{ background:#fff}
.Newspage input[type=text]{ width:40px; height:40px; line-height:40px; background:#f4f4f4; border:1px solid #c2c1c2; box-shadow:inset 2px 2px 2px #deddde; text-align:center; margin-top:-50px/9}
.Newspage span{ font-size:18px; color:#818181; padding-left:100px}
.Newspage .a_gopage{ font-weight:bold; color:#818181; font-size:18px; padding:8px 12px; background-image: -moz-linear-gradient(top, #fff, #d6d6d6); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #d6d6d6)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#d6d6d6', GradientType='0'); /* IE*/}

.footerimglink{ background:#1f1f1f; padding:20px; margin-bottom:30px;}
.imagelinkbox{width:1180px; margin:0 auto}
.imagelinkbox a{display:block;float:left;padding:0 20px;}

.animated {
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes 
slideUp {
0% {
-webkit-transform:translateY(0)
}
100% {
-webkit-transform:translateY(-7em)
}
}
@-moz-keyframes 
slideUp {
0% {
-moz-transform:translateY(0)
}
100% {
-moz-transform:translateY(-7em)
}
}
@-o-keyframes 
slideUp {
0% {
-o-transform:translateY(0)
}
100% {
-o-transform:translateY(-7em)
}
}
@keyframes 
slideUp {
0% {
transform:translateY(0)
}
100% {
transform:translateY(-7em)
}
}

.animated.slideUp {
	-webkit-animation-name: slideUp;
	-moz-animation-name: slideUp;
	-o-animation-name: slideUp;
	animation-name: slideUp
}
@-webkit-keyframes 
slideDown {
0% {
-webkit-transform:translateY(-7em)
}
100% {
-webkit-transform:translateY(0)
}
}
@-moz-keyframes 
slideDown {
0% {
-moz-transform:translateY(-7em)
}
100% {
-moz-transform:translateY(0)
}
}
@-o-keyframes 
slideDown {
0% {
-o-transform:translateY(-7em)
}
100% {
-o-transform:translateY(0)
}
}
@keyframes 
slideDown {
0% {
transform:translateY(-4em)
}
100% {
transform:translateY(0)
}
}

.animated.slideDown {
	-webkit-animation-name: slideDown;
	-moz-animation-name: slideDown;
	-o-animation-name: slideDown;
	animation-name: slideDown
}
@media (max-width:1280px) {
.headin{ width:100%;}
}


