@charset "utf-8";

.i_banner {  width:100%; height:917px;margin-top:-28px; position:relative; overflow:hidden;    }
.i_banner .banners_ {  width:100%; height:100%;  }
.i_banner .banner_ { background-position:center; background-size:100%; width:100%; height:100%; overflow:hidden; }

.i_banner .banner_b_black { background:url(../images/black_alpha_.8.png); width:100%;height:103px;position:absolute; bottom:0; }
.i_banner  .num_ { padding-top:35px; color:white; }
.i_banner .num_ img { vertical-align:middle; width:30px; height:auto; }
.i_banner .phot_ img { margin-top:13px; margin-left:20px; }
.maomao {  margin-top :80px;  text-align:center; position:absolute; top:0px; left:50%; margin-left:-216.5px; }
.ying { right:22%; top:19%; position:absolute; width:10%; }
.ying img {   width:100%; }

.animate-element.in-viewport.yingfei { transform: scale(1); opacity:1; animation:yingfei ease-out 3s; }
@keyframes yingfei {
    0% { right:18%; top:25%; transform: scale(0.2); }
    100% { right:22%; top:19%;transform: scale(1); }
}

.index_bg { background-image:url(../images/i_content_bg.jpg); background-position:top center; background-repeat:no-repeat;  background-color:#f8f2ef; overflow:hidden;}
.jdxs_title { background-image:url(../images/jdxs_title.png);height:87px;background-position:center; background-repeat:no-repeat; margin:77px auto; }

.slideGroup{ width:100%; text-align:left; overflow:hidden; height:343px;}
.slideGroup .parHd{ height:30px; line-height:30px; position:relative; width:504px; margin:0px auto;  }
.slideGroup .parHd ul{ float:left; position:absolute; left:0px; top:-1px; height:32px;   }
.slideGroup .parHd ul li{ float:left; padding:0 20px; cursor:pointer;  }
.slideGroup .parHd ul li.on{ height:30px; border-bottom:2px solid #fa2d06; color:#fa2d06; }
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:40px 50px 10px 50px; position:relative; overflow:hidden;   }
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:50%; display:block; width:43px; height:43px;background:url(../images/sPrev.png) center center no-repeat; margin-top:-10.5px; }
.slideGroup .sNext{ left:auto; right:5px; background:url(../images/sNext.png) center center no-repeat;  }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ opacity:.6;}
.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup .parBd ul li{ margin:0 2px; float:left; _display:inline; overflow:hidden; text-align:center; width:32.9%;position:relative;}
.slideGroup .parBd ul li .pic{ text-align:center; background:#fff; padding:2.8%;  }
.slideGroup .parBd ul li .pic img{ width:100%; height: auto; display:block; overflow:hidden; }

.slideGroup .parBd ul li .title{ line-height:24px;   }

.slideGroup .parBd ul li .bg{ background: url(../images/zoom.png) no-repeat center; width:94.4%; height:92%; position:absolute; top:0; left:0px; margin:2.8% 2.8% 2.8% 2.8%;transition:all .4s,transform .4s;background-color:rgba(245,90,56,0); opacity:0; }
.slideGroup .parBd ul li .bg:hover{ opacity:1; background-color:rgba(245,89,56,.53); }


.i_2 .ysdt{ width:61%;}
.i_2 .ysdt .ysdt_tit{ width:100%; background:url(../images/ysdt_tit.png) left no-repeat; height:46px;}
.i_2 .ysdt .ysdt_con{ width:100%;}
.i_2 .ysdt .ysdt_con .item{ position:relative; width:45.8%;overflow: hidden; height:489px; margin-right:1.5%;}
.i_2 .ysdt .ysdt_con .item img{ display:block; height:100%; width:auto;transition:all .4s,transform .4s;}
.i_2 .ysdt .ysdt_con .item .bg{ position:absolute; top:0px; background:#000; opacity:0; width:100%; height:100%;transition:all .4s,transform .4s;}
.i_2 .ysdt .ysdt_con .item .des{ position:absolute; top:0px; color:#fff;opacity:0;transition:all .4s,transform .4s;}
.i_2 .ysdt .ysdt_con .item .des .title{ margin-top:30%; margin-left:25%; }
.i_2 .ysdt .ysdt_con .item .des p{margin-left:25%; font-size:24px; font-size:14px; line-height:1.7em; margin-top:10%;margin-right:2%;}
.i_2 .ysdt .ysdt_con .item:hover img{ transform:scale(1.2);}
.i_2 .ysdt .ysdt_con .item:hover .bg{ opacity:.6;}
.i_2 .ysdt .ysdt_con .item:hover .des{ opacity:1;}
.i_2 .ysdt .ysdt_con .item2,.i_2 .ysdt .ysdt_con .item3{ width:25.6%; margin-bottom:1.75%;}
.i_2 .ysdt .ysdt_con .item4{ width:52.7%;}
.i_2 .ysdt .ysdt_con .item1 .title{ font-size:24px;}
.i_2 .ysdt .ysdt_con .item2 .title,.i_2 .ysdt .ysdt_con .item3 .title{ font-size:16px!important;margin-top:20%!important;}
.i_2 .ysdt .ysdt_con .item4 .title{font-size:20px!important;margin-top:10%!important;}
.i_2 .ysdt .ysdt_con .item2 p,.i_2 .ysdt .ysdt_con .item3 p,.i_2 .ysdt .ysdt_con .item4 p{margin-top:5%!important;}
.ysdt .ysdt_con .item3,.i_2 .ysdt .ysdt_con .item4{ margin-right:0px!important;}

.i_2 .news{ width:38.1%;}
.i_2 .news .news_tit{ width:100%; background: url(../images/i_news_tit.png) left no-repeat; height:46px;}
.i_2 .news .news_list{ background:#e3e3e3; height:285px; padding-top:5px; margin-bottom:3.2%;}
.i_2 .news .news_list .item{ height:46px; line-height:46px; overflow:hidden; padding:0px 20px; font-size:14px;}
.i_2 .news .news_list .item a{ color:#666; display:block;transition:all .4s,transform .4s;}
.i_2 .news .news_list .item a:hover{ color:#000;}
.i_2 .news .news_list .item span{ float: right;}


.ysjz .ysjz_tit{ width:50%; background:url(../images/ysjz_tit.png) left no-repeat; height:46px;}


.slideTxtBox{ width:100%;  text-align:left;  }
.slideTxtBox .hd{ height:46px;  position:relative; }
.slideTxtBox .bd{ background:#e3e3e3;}
.slideTxtBox .bd ul{ padding:15px;  zoom:1; overflow:hidden;  }
.slideTxtBox .bd ul li{list-style:none;width:207px;height:auto;float:left; overflow:hidden; border-left:10px solid #e3e3e3;}
.slideTxtBox .bd li .date{ float:right; color:#999;  }
.slideTxtBox .bd ul .l1{border:none;}
.slideTxtBox .bd ul .l4{width:518px;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox .arrow{  position:absolute; right:0; top:0; }
.slideTxtBox .arrow a{ display:block;  width:34px; height:34px; float:right;overflow:hidden;cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; border:1px solid #d6b690; line-height:34px; text-align:center; color:#d6b690; font-size:18px; font-weight: bold; }
.slideTxtBox .arrow a:hover{background:#d6b690; color:#fff; }


.txMovie {position: relative;width: 100%;height: 100%;}
.focus_pic {width: 100%!important;height: 100%!important;overflow: hidden}
.focus_pic li {vertical-align: top;width: 100%!important;height: 100%!important;}
.focus_pic img {width: 100%;height: 100%;display: inline-block;vertical-align: top}
.focus_nav {position: absolute;left: 0;bottom: 0;background-color: rgba(0, 0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000');width: 100%;height: 103px;*zoom:1;padding-left: 10px;}
:root .focus_nav {-ms-filter: none}
.focus_nav ul {position: relative;*zoom:1;padding-top: 10px !important;}
.focus_nav li {position: relative;*zoom:1;float: left;display: inline;margin-right: 10px;cursor: pointer; float:left; width:79px; height:79px;}
.focus_nav .navPrev, .focus_nav .navNext {display: inline-block;*zoom:1;width: 36px;height: 36px;line-height: 100;overflow: hidden;opacity: .6;filter: Alpha(Opacity=60);background-image: url(../images/focus_nav.png);background-repeat: no-repeat;float:left;}
.focus_nav .navPrev {background-position: 10px 8px; float:left;border-right-color: transparent}
.focus_nav .navNext {background-position: -22px 8px;right: 10px}
.focus_nav .navPrev:hover, .focus_nav .navNext:hover {opacity: 1;filter: Alpha(Opacity=100);border-right-color: #fff}
.focus_nav img {width: 100%;height: 100%; display:block;}
.focus_nav .on b {color: #fff;position: absolute;top: -10px;left: 30px;font-size: 10px;font-family: arial;-webkit-text-size-adjust: none}
.focus_text {position: absolute;width: 300px;height: 280px;right: 0;top: 0;background-color: rgba(0, 0,0,.8);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CC000000', endColorstr='#CC000000');overflow: hidden}
:root .focus_text {-ms-filter: none}
.focus_text h2 a {font-size: 22px;color: #fff;font-family: 'microsoft yahei', simhei;font-weight: normal;display: block;width: 260px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.focus_text h2 a:hover {color: #fff;text-decoration: underline}
.focus_text ul {padding: 20px 20px 0}
.focus_text .sub_tit {padding-bottom: 20px;color: #575757;height: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.focus_text .c_txt4, .focus_text .c_txt4 a {color: #787876;line-height: 22px}
.focus_text .c_txt4 a:hover {color: #ccc}
.focus_text .c_txt4 {width: 260px;white-space: nowrap;overflow: hidden}
.focus_info {height: 132px;overflow: hidden}
.focus_text .mod_desc {width: 260px;white-space: normal;overflow: hidden;text-indent: 2em}
.btn_play_big{overflow:hidden;padding:0 0 0 15px;cursor:pointer;background:url(images/bg_btn.png) no-repeat;margin-right:5px;height:40px;line-height:40px;line-height:44px\9;+line-height:44px;_line-height:40px;padding-left:50px;font-size:14px;font-weight:bold;color:#FFF;background-position:0 -275px}
.btn_play_big span{float:left;height:24px;padding:0 15px 0 0;background:url(images/bg_btn.png) no-repeat;height:40px;background-position:right -320px}
.btn_play_big:hover{color:#FFF}
.focus_text .btn_play_big{position:absolute;bottom:13px;left:20px}
.txMovie .focus_nav li{opacity:.6;}
.txMovie .focus_nav li.on{ opacity:1;}
.pageState{ color:#fff; height:36px; line-height:36px; display:inline-block;float:left;}
.tempWrap{overflow:hidden; position:relative; width:100%; float:right; }
#focus_smaillPic_list{ float:right; overflow: hidden; padding: 0px; margin: 0px;}
.pt{position: absolute;top:50%; margin-top:-18px;}