﻿@charset "utf-8";
/*html,*/
/*body {*/
/*    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/
/*    -webkit-filter: grayscale(100%);*/
/*    -moz-filter: grayscale(100%);*/
/*    -ms-filter: grayscale(100%);*/
/*    -o-filter: grayscale(100%);*/
/*    filter: grayscale(100%);*/
/*    filter: gray;*/
/*}*/
/* CSS Document */
/*大图轮播 S*/
#focusBox{width:880px; float:none; height:340px;}
#focusBox .bd .con{display:none;}
#focusBox .bd .pic{text-align:center;}
#focusBox .bd .pic img{width:880px; height:340px; }


/*cloumnA右侧 S*/
#clounmA { margin-bottom:20px;}
#clounmA .side{float:right; width:300px;}
#clounmA .side .hd{background: #be3e20;}
#clounmA .side .bd{height: 276px;}
#clounmA .side .infoList li{margin-bottom:1px;background-position: 3px -381px;}
/*cloumnA右侧 E*/

.cloumnC .sideA{float: right; overflow:hidden;}
.cloumnC .sideA .hd{background: #be3e20;}
.cloumnC .sideA .bd{ padding-top:6px;}

.ad-banner { margin:20px 0;}

/*cloumnB S*/
#cloumnB{margin-top: 20px;overflow: hidden;}
.cloumnB_l{float: left;width: 430px;margin-right: 20px;background: #fff;}
.cloumnB_l .bd{padding: 6px 15px;}
.cloumnB_l .bd .infoList li{padding-left:10px;background-position: 0 -438px;}
.cloumnB_m .hd{background: #2b83b5;}
.cloumnB_n .hd{background: #be3e20;}




#cloumnB .side{float: right;}
#cloumnB .side .hd{background: #d39123;}
#cloumnB .side .bd{height: 200px;padding:11px 8px;overflow: hidden;}
#cloumnB .side .bd li{float: left;width: 132px;height: 40px;line-height: 42px;margin: 5px;background: #f6ead2;overflow: hidden;}
#cloumnB .side .bd li a .icon i{display:block;float: left;width: 21px;height: 21px;margin:10px 12px 0;background: url(images/PE/icon.png) no-repeat 0 -47px;cursor: pointer;
/*-moz-transition: all .6s ease-in-out;
-webkit-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;*/

}
#cloumnB .side .bd li.li2 a .icon i{background-position:0px -90px;}
#cloumnB .side .bd li.li3 a .icon i{background-position:0px -134px;}
#cloumnB .side .bd li.li4 a .icon i{background-position:0px -177px;}
#cloumnB .side .bd li.li5 a .icon i{background-position:0px -221px;}
#cloumnB .side .bd li.li6 a .icon i{background-position:0px -261px;}
#cloumnB .side .bd li.li7 a .icon i{background-position:0px -305px;}
#cloumnB .side .bd li.li8 a .icon i{background-position:0px -346px;}

#cloumnB .side .bd li:hover .icon{display: block;
	-webkit-transition: all 0.4s linear;
 -moz-transition: all 0.4s linear;
 -o-transition: all 0.4s linear;
 -ms-transition: all 0.4s linear;
 transition: all 0.4s linear;
 -webkit-animation: moveFromBottom 0.3s ease;
 -moz-animation: moveFromBottom 0.3s ease;
 -o-animation: moveFromBottom 0.3s ease;
 -ms-animation: moveFromBottom 0.3s ease;
 animation: moveFromBottom 0.3s ease;
}
#cloumnB .side .bd a:hover .icon i{width: 24px;height: 24px;background-position:-46px -47px;
/*-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);*/

}
#cloumnB .side .bd li.li2 a:hover .icon i{background-position:-46px -90px;}
#cloumnB .side .bd li.li3 a:hover .icon i{background-position:-46px -135px;}
#cloumnB .side .bd li.li4 a:hover .icon i{background-position:-46px -178px;}
#cloumnB .side .bd li.li5 a:hover .icon i{background-position:-46px -223px;}
#cloumnB .side .bd li.li6 a:hover .icon i{background-position:-46px -263px;}
#cloumnB .side .bd li.li7 a:hover .icon i{background-position:-46px -306px;}
#cloumnB .side .bd li.li8 a:hover .icon i{background-position:-46px -348px;}

@-webkit-keyframes moveFromBottom {
  from {
    -webkit-transform: translateY(120%) scale(0.5) ;
    opacity: 0;
  }
 to {
   -webkit-transform: translateY(0%) scale(1);
   opacity: 1;        
 }
}
@-moz-keyframes moveFromBottom {
  from {
    -moz-transform: translateY(120%) scale(0.5) ;
    opacity: 0;
  }
  to {
    -moz-transform: translateY(0%) scale(1);
    opacity: 1;        
  }
}
@-ms-keyframes moveFromBottom {
  from {
    -ms-transform: translateY(120%) scale(0.5) ;
    opacity: 0;
  }
  to {
   -ms-transform: translateY(0%) scale(1);
   opacity: 1;        
 }
}
@-o-keyframes moveFromBottom {
  from {
    -o-transform: translateY(120%) scale(0.5) ;
    opacity: 0;
  }
  to {
   -o-transform: translateY(0%) scale(1);
   opacity: 1;        
 }
}
@keyframes moveFromBottom {
  from {
    transform: translateY(120%) scale(0.5) ;
    opacity: 0;
  }
  to {
   transform: translateY(0%) scale(1);
   opacity: 1;        
 }
}

/*cloumnB E*/



/* yq-links */
.yq-links { margin-top:20px; width:1200px; float:left;}
.yq-links .bd li { display:inline-block; margin-right:2.4%;}

/*side-links*/
.side-links { float:right; width:300px;  margin-top:20px; height:165px;}
.side-links li { float:left; width:300px; height:75px; }
.side-links li.first a { background: url(images/PE/xx-pic.jpg) no-repeat;}
.side-links li.last a { background: url(images/PE/jx-pic.jpg) no-repeat;}
.side-links li a { display:block; width:300px; height:75px;}
.side-links li.last { float:right; margin-top:15px;}

/* 图片新闻 */
.photo { width: 1200px; height: 245px; margin-top: 20px; position: relative;}
.photo .bd { width: 1160px; padding:15px 20px;}
.photo .bd .tempWrap { width: 1160px !important;}
.photo .bd li { float: left; margin-right: 20px; width: 185px; height: 170px; text-align: center;}
.photo .bd li .pic { width: 185px; height: 135px; border:1px solid #ccc; margin-bottom:5px;}
.photo .bd li .pic img { width: 175px; height: 125px; padding:5px;}



