@charset "UTF-8";
/*新加样式 */

.cm-nav { color: #F2F2F2; background: #F2F2F2; border: none; padding: 0; margin: 0; z-index: 999; width: 100%; }

.cm-nav .logo { float: left; height: 20px; margin: 5px; line-height: 20px; font-weight: 700; }

.cm-nav .nav-list { margin: 0; float: left; }

.cm-nav .nav-list li { float: left; }

.cm-nav .nav-list li a { color: #000; padding: 10px; display: block; line-height: 20px; }

.cm-nav .nav-list li a:hover { color: #fff; background-color: #195d6e; }

.cm-nav .search { float: right; margin: 6px 0; }

.cm-nav .search .input-sx { float: left; padding: 3px 5px; border: 1px solid #ccc; border-right-width: 0; border-radius: 2px 0 0 2px; }

.cm-nav .search .button { background: #267; border: 1px solid #267; margin:0 ; color: #fff; cursor: pointer; transition: all .5s; -webik-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; font-size: 12px; padding: 3px 5px; height: 23px; }

.cm-nav .search .button:hover { background: #045; border: 1px solid #045; }
/*banner*/
.banner {background:url(../images/banner.jpg)  no-repeat scroll center 0;  height:360px;}
.banner h1 { font-size: 72px; text-align: center; color: #fff; text-shadow:4px 4px 3px #000;}
.banner p {font-size:24px; text-align: center;color: #fff;text-shadow:1px 1px 1px #000;}
.banner .nav_1 {padding-top: 340px;}
.banner .nav_1 ul {padding-left: 20%; }
.banner .nav_1 ul li { list-style: none;float: left;margin:0 2em; }
.banner .nav_1 ul li a {color: #FFF;font-size: 1.4em;}
/*微博微信*/
.box_title em {font-style: normal; float: right; padding:3px 10px; background: #445581; font-size: 12px; color: #fff; border-radius: 5px;
 margin-top:10px;}
 .box_title em a {border-bottom: none;
color: none;
padding-bottom: 0px; color:#fff;}
 .box_title em:hover {box-shadow: 0 0 5px #333; cursor: pointer;}
 .wbwx {position: relative; overflow: hidden;}
 .wbwx .ctext .ctext_fl { float: left; width: 35%;}
 .wbwx .ctext .ctext_fr { float: right; width:60%;}
  .wbwx .ctext .ctext_fr h4 { margin: 0; font-size: 16px;}
  .wbwx .ctext .ctext_fr p { margin: 5px 0; font-size: 12px; text-indent: 2em;}
    .wbwx .clist {list-style: none; padding: 0; margin: 0}
      .wbwx .clist li {border-top:1px solid #efefef;  padding: 0.5em 0; font-size: 16px;}
      #wbwx { position: absolute; top: 0; left:0px; width: 100%; height: 100%; background: #fff;z-index: 10; display: none;}
/*图解 图片列表*/
.thumbnail {display: block;padding: 4px; margin-bottom: 20px;line-height: 1.42857;background-color: #FFF;border: 1px solid #DDD;
    border-radius: 4px;transition: border 0.2s ease-in-out 0s;-moz-transition: border 0.2s ease-in-out 0s;
    -webik-transition: border 0.2s ease-in-out 0s;-o-transition: border 0.2s ease-in-out 0s; position: relative;}
a.thumbnail:hover {border-color: #e74c3c;}
.thumbnail a > img, .thumbnail > img {margin-right: auto;margin-left: auto;}
.thumbnail .btn {  display: block;width: 30%;padding-right: 0px;padding-left: 0px; border-radius: 6px; margin: 0 auto;}
.piclist ul  {list-style: none; margin: 0;padding: 0;}
.piclist img {display: block;}
.piclist p {position: absolute; bottom: 0px;left: 0;background: url(../images/focus_bg.png) scroll no-repeat center -5px; margin:0 0 4px 4px; padding: 0; 
	width: 97%;text-align: center; color: #fff;}

/*聚焦*/
.panel {margin-bottom: 20px;background-color: #FFF;border: 1px solid transparent; border-radius: 4px;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-default { border-color: #DDD;}
.panel-default > .panel-heading {color: #333; background-color: #F5F5F5;border-color: #DDD;}
.panel-heading { border-top-left-radius: 0px;border-top-right-radius: 0px;}
.panel-heading { padding: 0.3em 1.5em;border-bottom: 1px solid transparent;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.panel-heading h4 {margin: 0; }
.panel-heading h4  a {color: #000;}
.panel-body {padding: 1.2em;}
.panel-body .pic {width: 30%; margin-right:2%;  float: left; overflow: hidden;}
.panel-body .words { width: 68%;float: left;overflow: hidden;}
.panel-body .words p {margin: 0;}
.panel-body .words a {margin-left:80%; }
/*视频*/
.focusvideo { position: relative; overflow: auto; width: 100%;}
.focusvideo a {display: block;}
.focusvideo ul{padding: 0; margin: 0;}
.focusvideo li { list-style: none; padding: 0; margin: 0 ; position: relative;}
.focusvideo ul li img { width:100%; height: auto; display: block;}
.focusvideo .dots { position: absolute;right: 10px;bottom: 13px; margin: 0; z-index: 999;}
.focusvideo .dots .dot{ display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #999 none repeat scroll 0% 0%;margin: 0px 3px;
cursor: pointer; float: left;text-indent: -999em;}
.focusvideo .dots .active {background: #F1810E none repeat scroll 0% 0%;}
.focusvideo .words { position: absolute;left: 0px;bottom: 0px;width: 100%; height: 40px; overflow: hidden; z-index: 20; color: #FFF;white-space: normal;
 word-wrap: break-word;}
.focusvideo .words h4 {font-size: 1.125em;padding: 1%;color: #FFF; margin: 0;}
@media (max-width: 767px) { .focusvideo .words h4 {font-size:14px;} }
.focusvideo .words_bg {position: absolute;left: 0px;bottom: 0px;width: 100%;height: 40px; background: #000 none repeat scroll 0% 0%;opacity: 0.5;
z-index: 10; filter: alpha(opacity=50); }
.focusvideo .video_icon {position: absolute;top: 35%;left: 40%;width: 100px;height: 100px;background: url(../images/video_icon.png) scroll no-repeat 0 -16px;}
/*视频S*/
.video { background: #F2F6F8; display: block; transition: all 0.3s; }

.video .img { position: relative; }

.video .img img { display: block; }

.video .img .time { position: absolute; bottom: 0; left: 0.5em; text-align: right; right: 0.5em; color: #FFF; z-index: 5; }

.video .img .time:before, .video .img .time:after { content: ""; position: absolute; border-style: solid; }

.video .img .time:after { width: 18px; height: 18px; border-width: 2px; border-color: #FFF; border-radius: 50%; left: 0; bottom: 0.5em; }

.video .img .time:before { left: 5px; bottom: 1em; border-width: 4px; border-color: #FFF #FFF transparent transparent; transition: all 0.3s; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.video .img:after { content: ""; position: absolute; background: linear-gradient(transparent, #000 80%); top: 50%; left: 0; right: 0; bottom: 0; opacity: 0.5; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; z-index: 1; }

.video:hover { background: #e2e6e8; box-shadow: 0 0 15px #333; }

.video:hover .img:after { opacity: 0.8; }

.video:hover .img .time { color: yellowgreen; }

.video:hover .img .time:after { border-color: yellowgreen; }

.video:hover .img .time:before { border-color: yellowgreen yellowgreen transparent transparent; }

.video-single { margin-bottom: 30px; }

.video-single .title { line-height: 40px; display: block; padding: 0 0.5em; }

.video-single .img .time { font-size: 18px; bottom: 0.5em; }

.video-single .img .time:before { border-width: 5px; left: 10px; bottom: 20px; }

.video-single .img .time:after { width: 30px; height: 30px; }

.video-list { margin-top: 0; margin-bottom: 0; }

.video-list li a, .video-list li img, .video-list li span { display: block; }

.video-list li a { margin-bottom: 30px; }

.video-list li a .title1 {  overflow: hidden; line-height: 1.5em; margin: 0 0.5em 15px 0; padding: 0.5em; }

.video-list-toggle li.active a { position: relative; }

.video-list-toggle li.active a .img { height: auto; }

.video-list-toggle li.active a .img:after { display: block; }

.video-list-toggle li.active a .img img { width: 100%; display: block; }

.video-list-toggle li.active a .img .time { line-height: 2em; padding: 0.5em; }

.video-list-toggle li.active a .img .time:before { bottom: 3em; }

.video-list-toggle li.active a .img .time:after { bottom: 2.5em; }

.video-list-toggle li.active a .title { position: absolute; bottom: 0.5em; left: 0.5em; right: 0; margin: 0; color: #FFF; z-index: 10; line-height: 2em; height: 2em; }

.video-list-toggle li a { position: relative; margin-bottom: 10px; }

.video-list-toggle li a .img { height: 53px; }

.video-list-toggle li a .img:after { display: none; }

.video-list-toggle li a .img img { display: none; }

.video-list-toggle li a .img .time { line-height: 2.8em; padding: 0.5em; color: yellowgreen; }

.video-list-toggle li a .img .time:before { bottom: 1.5em; border-color: #888 #888 transparent transparent; }

.video-list-toggle li a .img .time:after { bottom: 1em; border-color: #888; }

.video-list-toggle li a .title { position: absolute; overflow: hidden; bottom: 0; left: 3em; right: 4em; margin: 0; padding: 0; z-index: 10; line-height: 53px; height: 53px; }
/*评论*/
.conment{list-style: none; margin-bottom:10px; }
.conment_picicon {background: url(../images/conment.png) no-repeat scroll 0 2px; }
a.conment_picicon:hover {background: url(../images/conment1.png) no-repeat scroll 0 2px; }
/*栏目条*/
.title {width: 100%;  margin-bottom:10px;}
.title a  {font-size: 24px;border-left: 5px solid #0c2e84; padding:0 10px;line-height: 1.6em; }

.yiti dl { padding-bottom:5px;}
.yiti dt .n {display: block;}
.yiti dt .h { display: none;}
.yiti .on {background: transparent url("../images/bot.png") repeat scroll left bottom;}
.yiti .on   .h { display: block;}
.yiti .on   .n { display: none;}
.yiti .text {background: #ECF7FF none repeat scroll 0% 0%;border: 1px solid #ECF7FF;padding: 10px;}
.yiti dd ul {border-top: 1px solid #CDE1F0;margin: 10px 10px 0px;padding-top: 10px; padding-left:0px; list-style:none;}
.yiti dd img { display:block;}
.yiti .on .text {background: #FFF none repeat scroll 0% 0%;border: 1px solid #CCC;}

.dzhq .item2 h4 { margin-top:0; text-align:center;}
.dzhq .item2 p { border-bottom:1px dotted #999999; padding-bottom:10px;}
.dzhq .item3_pic a { display:block; position:relative;}
.dzhq .item3_pic a span {    position: absolute;bottom: 0px;left: 0px;background: transparent url("../images/item-on-hover.png") repeat scroll center -5px; padding: 0px; width: 100%; text-align: center;color: #FFF;
}
.dzhq .item1 a { display:block; position:relative;}
.dzhq .item1 img { display:block;}
.dzhq .item1 a span {    position: absolute;bottom: 0px;left: 0px;background: transparent url("../images/item-on-hover.png") repeat scroll center -5px; padding: 0px; width: 100%; text-align: center;color: #FFF;
}
/*2014*/
.silde-wrap {width:100%; position: relative;}
.silde-wrap img{ animation:fadeInLeft 2s ease-in forwards;-moz-animation:fadeInLeft 2s ease-in forwards;
-webkit-animation:fadeInLeft 2s ease-in forwards;}
.silde-wrap a { display: block;position: absolute;bottom: 80px;left: 30%;animation:fadeIn 3s ease-in  ;
-moz-animation:fadeIn 3s ease-in  ;-webkit-animation:fadeIn 3s ease-in  ;
background: transparent url(../images/common.png) no-repeat scroll 0px -0px;display: block;position: absolute;
width: 56px;height: 56px;border-radius: 50%;margin-left: -28px;margin-top: -28px;}
/*footer*/
.footer{background:#F2F6F8;text-align:center;padding:30px 0}.footer a{color:#333}.footer em{font-style:normal;margin:0 8px;color:#AAA}
/*animate*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
  50% {
    opacity: 1;
  }
}
@-moz-keyframes zoomIn {
  0% {
    opacity: 0;
    -moz-transform: scale(.3);
    transform: scale(.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
  50% {
    opacity: 1;
  }
}




.Plan_box {
width: 1000px;
background: #3B3B3B;
height: 167px;
margin-top: 30px;
margin-left: 20px;
}
.scroll_A {
position: relative;
padding: 0 30px;
width: 766px;
margin-left: 180px;
padding-top: 20px;
}
.scroll_A .inner {
position: relative;
width: 745px;
height: 130px;
overflow: hidden;
}
.scroll_A .split {
padding: 0 4px;
height: 130px;
float: left;
}
.scroll_A .prev {
background-position: 0 0;
left: 0;
}
.scroll_A .next {
background-position: -38px 0;
right: 18px;
}

.scroll_A .btn, .scroll_A .btn:hover {
background: url(../images/icon.png) no-repeat;
position: absolute;
top: 50%;
margin-top: -10px;
width: 30px;
height: 30px;
cursor: pointer;
}
.Plan_box img {
float: left;
}
img {
border: none;
display:block;
margin-right: 10px;
}
a {
color: #282828;
}
a:-webkit-any-link {

cursor: auto;
}
.yw_list {
overflow: hidden;
padding: 0px;
border-top: 1px dotted #CDCDCD;
}
.fl {
float: left;
}
.yw_list dd {
width:100%;margin-top: 13px;
}
}
dd {
display: block;
-webkit-margin-start: 40px;
}
.fyh {
font-family: "Microsoft YaHei";
}
.yw_list p {
font-size: 14px;
color: #838383;
margin-top: 10px;
line-height: 24px;
font-family: "Microsoft Yahei";
}
.yw_list {
overflow: hidden;
padding: 0px 0;
border-top: 1px dotted #CDCDCD;
}
.lastyw_list {
border-bottom: none;
}

.ywtit {
font-size: 18px;
}
a:hover {
color: #cd383a;
.yw_list a:hover {
text-decoration: none;
}
