@charset "utf-8";/* CSS Document*/
body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    min-width: 1200px;
    background: #ffffff;
    font-family: "Microsoft Yahei", 宋体, sans-serif;
}

ul,li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
    font-weight: normal
}

img {
    border: 0;
}


a {
    text-decoration: none;
    color: #666666;
}

a:hover {
    text-decoration: none;
    color:#cc3300;
    transition: all 0.6s;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.clearboth {
    clear: both;
    border: 0;
    padding: 0;
    margin: 0;
}

.w1200 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.relative {
    position: relative;
}

.imghover {
    cursor: pointer;
    transition: all 0.6s;
}

.imghover:hover {
    transform: scale(1.2);
}


/*header*/
.header{width: 100%; height: 164px; background:#005d88; position: relative; z-index: 9999 }
.top_bg{ background:url("../images/top_bgsy.png") top center no-repeat; height: auto; position: relative; z-index: 999}
/*search*/
.i-search {
    width: 270px;
    height: 34px;
    overflow: hidden;
    position: absolute;
    margin: 20px 0 0 18px;
    background:none;

    top:10px;
    right: 0;
}

.i-search .search-txt {
    width:180px;
    padding-left:35px;
    height: 34px;
    line-height: 34px;
    color: #999999;
    border: none;
    background: url("../images/ico_search.png") 10px center no-repeat;
    outline: none
}

.i-search .search-btn {
    width: 49px;
    height: 34px;
    line-height:34px; margin: 0; padding: 0;
    font-size: 14px;
    border: none;
    background:none;
    cursor: pointer; color: #ffffff; border-left:#ffffff 1px solid;
}
.i-search .search-btn:hover {
    background:#576592;
}


/*nav*/
.i-nav {
    width: 820px;
    height: 54px;
    margin: 0 auto 0 auto;
    position: absolute;top:101px;
    right: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.nav {
    padding: 0 20px;
    height: 54px;
    line-height: 54px;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    width:100%;
}

.nav a {
    color: #fff;
}

.nav .nLi {
    float: left;
    position: relative;
    display: inline;
}

.nav .nLi h3 {
    float: left;
}

.nav .nLi h3 a {
    display: block;
    padding: 0 26px;
    font-size: 16px;
    font-weight: normal;
    color: #ffffff;
    background:url("../images/nav_bgline.png") bottom repeat-x;
}

.nav .sub {
    display: none;
    width:100%;
    left: -1px;
    top: 54px;
    position: absolute;
    background: #000000;
    line-height: 36px;
    padding: 0;
    opacity: 0.7;
}

.nav .sub li {
    zoom: 1;
    border-bottom: #1f1f1f 1px solid;
    text-align: center;
}

.nav .sub a {
    display: block;
    padding: 0 0px;font-size:14px;
}

.nav .sub a:hover {
    color: #fff;background:#005d88;
}

.nav .on h3 a {
    color: #ffffff; background:url("../images/nav_bglinehover.png") bottom repeat-x;
}

/*banner*/

.ibanner {
    width: 100%;
    overflow: hidden;
    position: relative;
    top:-39px; z-index: 0;
}
.ibanner .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 45%;
    bottom:30px;
    z-index: 1;
}

.ibanner .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.ibanner .hd ul li {
    float: left;
    margin-right:7px;
    width: 15px;
    height:15px;
    line-height:15px;
    text-align: center;
    background: #fff;
    cursor: pointer; opacity: 0.8; border-radius: 20px;
}

.ibanner .hd ul li.on {
    background: #005d88;opacity: 1;
    color: #fff;
}

.ibanner .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.ibanner .bd li {
    zoom: 1;
    vertical-align: middle;
    position: relative
}

.ibanner .bd li h1 {
    position: absolute;
    bottom: 40px;
    left: 20%;
    background: url("../images/tt_bg.png");
    font-size: 24px;
    color: #ffffff;
    padding: 10px 20px;
}

.ibanner .bd img {
    width: 100%;
    display: block;
}

.ibanner .prev,
.ibanner .next {
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 45px;
    height: 80px;
    background: url(../images/slider-arrow.png) -120px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.ibanner .next {
    left: auto;
    right: 3%;
    background-position: -2px 5px;
    width: 45px;
    height: 80px;
}

.ibanner .prev:hover,
.ibanner .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.ibanner .prevStop {
    display: none;
}

.ibanner .nextStop {
    display: none;
}

.newx_box{ width: 1200px; margin: 30px auto 0 auto; height: auto; overflow: hidden;}
.newx_box_left{ width: 700px; float: left;height: auto; overflow: hidden;}
.newx_box_left_t{ width: 100%; height: 50px;  background: url("../images/title_xuxw1.png") left bottom no-repeat; margin: 0 0 30px 0; overflow: hidden;}
.newx_box_left li{width:100%; height:82px; border-bottom: #e2e2e2 1px dashed; padding: 0 0 24px 0; margin: 0 0 24px 0}
.newx_box_left li:last-child{ border-bottom:none;}
.newx_box_left li:hover img{opacity: 0.9;transform: scale(1.2);}
.newx_box_left li:hover h2{ color: #cc3300}
.newx_box_left li:hover p{ color: #333333}
.tw_img{ float: left; display: block; width:128px; height: 82px; overflow: hidden; }
.tw_img img{ width:128px; height: 82px; transition: all 0.6s;}
.tw_txt{ float: right;display: block; width:550px; height: 82px; overflow: hidden;}
.tw_txt h2{ font-size:18px; width: 100%; line-height:24px; color:#333333;margin:0;padding:0 0 10px 0;}
.tw_txt p{ font-size:14px; line-height:24px; color:#7f7f7f;margin:0;padding:0;}
.i-more{float: right;margin:32px 10px 0 0;transition: all 0.6s;}
.i-more:hover{transform:translateX(5px);}



.newx_box_right{ width: 460px; float: right;height: auto; overflow: hidden;}
.newx_box_right_t{ width: 100%; height: 50px;  background: url("../images/title_tzgg1.png") left bottom no-repeat; margin: 0 0 30px 0; overflow: hidden;}
.date_list{height: auto; overflow: hidden; position: relative}
.date_list li{
    width: 100%;
    height: 63px;
    display: block;
    padding: 0 0 0 0; margin: 0 0 30px 0; position: relative;overflow:hidden}

.date_list li a{display: block; width: 376px; height: 60px; overflow: hidden; font-size:16px; color:#333333; line-height:27px; position: absolute; top:0; right: 0; padding:3px 10px 20px;  }
.date_list li a:hover{color: #cc3300; background:#f5f5f5;}
.date_list li span {
    float: left;
    display: block;
    width:63px;
    height:63px;
    background: #eeeeee;
    text-align: center;
    color: #333333;
    font-size:28px;line-height:34px;
}
.date_list li span i {
    width: 100%;
    display: block;
    text-align: center;
    color: #ffffff;
    background: #005d88;
    font-size:14px;
    font-style: normal;
    line-height:27px;
}

/*i_zxsp*/
.i_zxsp_box{ width:100%; height:330px; padding:40px 0; overflow: hidden; background: url("../images/bod_bg_p1.jpg") center no-repeat; background-size: 100% 100%; }
.i_zxsp_title{width: 450px; margin:0 auto; text-align: center; position: relative}
.i_zxsp_title h2{ font-size: 24px; color: #000000; line-height: 30px;}
.i_zxsp_title span{ font-size:18px; color: #005d88; line-height: 30px;}
.i_zxsp_title .t_line_l{ width: 138px; height:2px; display: block; background: url("../images/ico_title_line.png"); position: absolute; left: 0; top: 35px; }
.i_zxsp_title .t_line_r{ width: 138px; height:2px; display: block; background: url("../images/ico_title_line.png"); position: absolute; right: 0; top: 35px; }
.mp4_list{ width: 1200px; margin:25px auto;height: 196px; overflow: hidden;}
.mp4_list ul{}
.mp4_list li{width: 280px; height: 196px; float: left; margin: 0 20px 0 0; position: relative;}
.mp4_list li i{background: url("../images/ico_play.png") center;display: block; width: 56px; height: 56px; position: absolute; left:43%; top:34%; opacity: 0.8;z-index: 999}
.mp4_list li a{display:block; width: 280px; height: 196px; overflow: hidden;}
.mp4_list li img{ width: 280px; height: 196px;transition: all 0.9s;}
.mp4_list li span{ display:block; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #ffffff; background: url("../images/tt_bg.png"); position: absolute; bottom:0; left:0; z-index: 9}
.mp4_list li:hover i{opacity: 1; z-index: 999}
.mp4_list li:hover img{transform: scale(1.1);}
.sp_more{display: block; margin: 0 auto; width: 132px; height: 36px; line-height: 36px; text-align: center; color: #ffffff; background: #005d88; border-radius: 6px;}
.sp_more:hover{background:#005d88; color: #ffffff}

/*xysh*/
.xysh_box{ margin: 0 auto; overflow: hidden; padding:40px 0 0 0;}


/*yqlj*/
.pic_yqlink{ width: 1200px; margin: 0 auto; height: auto; overflow: hidden; padding: 30px;}
.pic_yqlink li{ width: 240px; height: 150px; float: left; text-align: center; position: relative;}
.pic_yqlink span{ font-size: 16px; color:#150000; text-align: center;display: block; width: 100%; position: absolute; bottom: 0; left: 0; height:50px; line-height: 50px;}
.pic_yqlink li:hover{background:#f5f5f5;}

/*td_box*/
.td_box{ width:1200px;   position:relative;  margin:40px auto 20px auto; }
.td_box .hd{  height:0; position: relative;}
.td_box .hd .prev{ display:block;  width:30px; height:50px;  overflow:hidden; cursor:pointer; background:url("../images/right_jt.png") no-repeat; position: absolute;right: -40px; top:75px;opacity:0.5}
.td_box .hd .prev:hover{opacity:1}
.td_box .hd .next:hover{opacity:1}
.td_box .hd .next{ display:block;  width:30px; height:50px;  overflow:hidden; cursor:pointer; background:url("../images/left_jt.png")  no-repeat;  position: absolute;left: -60px; top:75px;opacity:0.5}
.td_box .hd .prevStop{ background-position:-60px 0; }
.td_box .hd .nextStop{ background-position:-60px -50px; }
.td_box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.td_box .hd ul li.on{ background-position:0 0; }
.td_box .bd{ padding:0 0 0 0px;   }
.td_box .bd ul{ overflow:hidden; zoom:1; }
.td_box .bd ul li{ margin:0 20px 0 0; float:left; _display:inline; overflow:hidden; text-align:center;position: relative ; }
.td_box .bd ul li .pic{ text-align:center; width:280px; height:210px; overflow: hidden; position: relative;}
.td_box .bd ul li .pic a{width:280px; height:158px; display:block; overflow: hidden;}
.td_box .bd ul li .pic img{ width:280px; height:158px; display:block;  }
.td_box .bd ul li:hover{ background:#f0f0f0}
.td_box .bd ul li span{ display:block; color: #666666; width: 100%; height: 46px; line-height: 46px; font-size: 16px; z-index: 99; opacity: 0.8}
.td_box .bd ul li:hover span{color: #000000; }

.xysh_no1{ position: absolute; left: 0; top:0}
.xysh_no1 ul li .pic{ text-align:center; width:280px; height:238px; overflow: hidden; position: relative;}
.xysh_no1 ul li .pic a{width:280px; height:192px; display:block; overflow: hidden;}
.xysh_no1 ul li .pic img{ width:280px; height:192px; display:block;  }
.xysh_no1 ul li:hover{ background:#f0f0f0}
.xysh_no1 ul li span{ display:block; color: #666666; width: 100%; height: 46px; line-height: 46px; font-size: 16px; z-index: 99; opacity: 0.8}
.xysh_no1 ul li:hover span{color: #000000; }
.xysh_no1 li i{background: url("../images/ico_play.png") center;display: block; width: 56px; height: 56px; position: absolute; left:43%; top:34%; opacity:1;z-index: 999}
.xysh_no1 li:hover i{opacity: 0.8; z-index: 999}

/*select*/
.select{
    position:relative;
    float:left;
    margin: 15px 0 0 0;
}
.select:hover{ background:#5a6278 }
.select dt{
    height:40px;
    display:inline-block;
    border:1px solid #ffffff;
    background: url("../images/link_icon1.png") no-repeat right center;
    line-height:40px;
    font-size: 14px;
    cursor:pointer;
    text-indent: 10px;
    width:230px;
    color: #ffffff;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    position:relative;
    z-index:99;
}
.select dd{
    position:absolute;
    left:-40px;
    bottom:0;
    border:1px solid #cccccc;
    background:#fff;
    display:none;
    font-size: 14px;
    z-index: 99;
}
.select dd ul{
    width:190px;background:#f3f3f3;
    max-height:250px;
    /*overflow:auto;*/
}
.select dd ul li a{
    line-height:40px;
    display:block;
    padding:0 8px;
    color: #333333;
}
.select dd ul li a:hover{
    background:#cccccc;
}


/*list_banner*/
.list_banner{ width:100%; height: 240px; background: #cccccc; margin: 0 auto 0 0; overflow: hidden; position: relative; top:-10px}
.list_banner img{ width:100%; height: auto;  margin: 0 auto;}
.this_name{ width: 1200px; margin: 0 auto; height: 70px;}
.this_name h1{font-size: 26px; line-height: 50px; color: #333333; padding: 10px 0;  float: left;}
.this_name span{float: right; text-align: right; font-size: 14px; color: #666666; line-height: 70px; }

.this_map{ background: #f4f4f4; height:48px; position: relative; width: 100%;top:-10px; }
.this_mapname{ float: left; width:220px; height: 54px; position: absolute;top: -46px; background:#005d88; padding: 20px 0;}
.this_mapname h1{ font-size: 30px; color: #ffffff; display: block; margin: 0 auto; text-align: center;}
.this_mapname span{ font-size: 14px; color: #ffffff; display: block; margin: 0 auto;text-align: center; }
.this_dqwz{ float: right; width: 940px; text-align: right; color: #555555; font-size: 14px;line-height: 48px;}
.this_dqwz h2{ display: block; float: left; line-height: 48px; font-weight:bold; color: #555555; font-size:20px; }
.this_dqwz .ico_home{ margin: 0 5px; }
/*list*/
.imain{ width: 1200px; margin: 0 auto; height: auto; padding: 20px 0 50px 0; overflow: hidden;}
.list_box{}
.ilistfy{float: left; width: 100%; height: auto; overflow: hidden;}
.ilistfy li{ width: 100%; margin: 0 auto; padding: 25px 0; height:70px; border-bottom: #cccccc 1px dashed }
.ilistfy li:last-child{border-bottom: none  }
.ilistfy li span{ display: block; float: left; text-align: center; width: 70px; height: 70px;  font-size: 12px; color: #999999; background: #f2f2f2 }
.ilistfy li span i{ font-size: 30px;display: block;width: 100%; text-align: center; font-style: normal; line-height: 30px; padding: 10px 0 0 0 }
.ilistfy li a{ display: block; width:90%; float: right;}
.ilistfy li h2{ font-size: 18px; color: #515151; line-height: 40px;}
.ilistfy li p{ font-size: 14px; line-height: 30px;color: #999999; margin: 0; padding: 0}
.ilistfy li:hover {}
.ilistfy li:hover p{ color: #990000;transition: all 0.6s;}
.ilistfy li:hover h2{ color: #990000;transition: all 0.6s;}
.ilistfy li:hover span{ color: #990000;transition: all 0.6s;}
.fytcss{ width: 100%; text-align:center; margin: 30px auto; }

/*list_main*/
.list_main{width: 1200px; margin: 0 auto; height: auto; overflow: hidden; position: relative; top:-10px;}
.list_main_left{ width: 220px; float: left;}
.list_main_right{ width: 940px; float: right; padding: 20px 0;}
.list_sub{ width:100%;min-height: 300px; background: url("../images/list_subj.png") bottom right no-repeat #e5e5e5; padding: 20px 0; overflow: hidden; }
.list_sub li{ width: 100%; padding: 5px 0 5px 20px;}
.list_sub li a{ display: block; height: 44px; line-height: 44px; width: 100%; padding: 0 0 0 15px; font-size: 16px;}
.list_sub li a:hover{ background: #ffffff; border-left: #b7b7b7 2px solid; color:#555555; font-weight: bold;}
.list_sub .on_here{ background: #ffffff; border-left: #990000 2px solid; color:#990000; font-weight: bold; }

/*list_box*/

.list_box {
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 20px 0;
}

.list_box li {
    line-height: 50px;
    height: 50px;
    font-size: 16px;
    color: #999999;
    text-align: right;
    padding: 0;
    background: url("../images/dxhx.png") bottom repeat-x;
}

.list_box li a {
    color: #4a4a4a;
    float: left;
    padding-left: 15px;
    background: url("../images/ico_001.png") left center no-repeat;
}

.list_box li:hover {
    background: #f8f8f8;
    color: #cc3300;
}

.list_box li a:hover {
    background: url("../images/ico_001.png") left center no-repeat #ececec;
    color: #cc3300;
}

.list-fy {
    text-align: center;
    margin: 0 auto 40px auto;
    min-height: 40px;
}

/*piclist*/
.pic-list {
    width: 960px;
    overflow: hidden;
    height: auto;
    margin: 20px auto;
}

.pic-list ul {
    width: 1000px;
    margin: 0 auto;
    padding: 0;
}

.pic-list li {
    width: 285px;
    margin-right: 34px;
    float: left;
    margin-bottom: 0;
}

.pic-list li img {
    width: 290px;
    height: 172px;
    border: #efefef 1px solid;
    padding: 5px;
}

.pic-list li img:hover {
    border: #ccc 1px solid;
    padding: 5px;
}

.pic-list li a {
}

.pic-list li a:hover {
    color: #000;
}

.pic-list li span {
    text-align: center;
    width: 100%;
    line-height: 40px;
    color: #666;
    display: block
}


/*content*/
.wafx{float: right; margin: 30px 0 0 0; position: absolute; bottom:20px; right: 0}
.icontent{height: auto; width: 1160px;
    background: #ffffff;
    overflow:hidden;
    position: relative;
    margin: 10px auto 20px auto;
    padding: 0 20px;}
.c-content {
    height: auto;
    overflow:hidden;
    position: relative;
    margin: 30px auto 40px auto;
    padding: 0 20px;
}
.c-content .c-title {
    font-size: 24px;
    font-weight:bold;
    line-height: 50px;
    text-align: center
}
.c-content .other-s {
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    color: #666666;
    background: #f5f5f5;
    margin:15px auto 0 auto;position: relative;
}
.c-content .other-s .sjfx{ position: absolute; right: 10px; top: 10px;}
.c-content .nr-info {
    height: auto;
    overflow:hidden;
    position: relative;
    text-align: left
}
.c-content .nr-info p {
    font-size: 16px;
    color: #666;
    line-height: 34px;
    margin: 15px 0;
    text-indent: 2em;
    text-align: left
}
.wz_fj {}
.wz_fj p{line-height:36px; color: #005d88; font-size: 16px; background: url("../images/ico_fj2.png") left center no-repeat; padding: 0 0 0 20px}
.wz_fj a{line-height:36px;  font-size: 16px;}
.wzclose-relative{text-align:center;margin-top:30px;}
.wzclose-relative span{margin:0 15px;}
.i-sxt{ border-top: #d9d9d9 1px solid; margin: 20px auto; padding: 20px 0;}
.i-sxt p{display: block;width: 100%; float: left; margin: 0; padding: 0; background:none;}
.i-sxt a{ color: #555555; font-size: 14px;  line-height: 30px;}
.i-sxt a:hover{ color: #cc0010; }


/*zyly_box*/
.zylylist_box{ width: 1200px; margin: 0 auto; height: auto; overflow: hidden; padding: 50px 0}
.zylylist_box ul{width: 1300px;}
.zylylist_box li{ width: 270px; float: left; margin:0 40px 40px 0;overflow: hidden;}
.zylylistzst{width: 270px;height: 170px;overflow: hidden; display: block;}
.zylylistzst img{ width: 270px; height: 170px; overflow: hidden;}
.zylylist_box li p{ background: #f4f4f4; padding: 10px 15px; margin: 0; line-height: 27px;  height: 220px;}
.zylylist_box li p span{ display: block; width: 100%; text-align: left; font-size: 18px; color: #333333; line-height: 40px; font-weight: bold;}
.zylylist_box li p img{ float: left;}


/**/
/*pictxt*/
.hot-new{
    overflow: hidden;
    margin-bottom: 14px;
    border-bottom: 1px solid #dfdfdf;
}
.hot-new .pic-box{
    float: left;
    width:320px;
    position: relative;
    margin-right: 42px;
}
.hot-new .pic{
    padding-top: 71%;
    position: relative;
    overflow: hidden;
}
.hot-new .pic img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.hot-new .pic:hover img{
    --webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}
.hot-new .pic-box i{
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 43px;

}
.hot-new .txt{
    padding-bottom:25px;
    overflow: hidden;
    margin-top:10px;
    position: relative;
}
.hot-new .txt h3{
    font-size: 22px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin-bottom: 22px;
}
.hot-new .txt h3 a{
    color: #555;
}
.hot-new .txt h3 a:hover{
    color: #008f40;
}
.hot-new .txt p{
    font-size: 14px;
    line-height: 26px;
    color: #555;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 78px;
}
.hot-new .txt .btn-look{
    display: block;
    margin-top: 35px;
    width: 98px;
    height: 31px;
    line-height: 29px;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    border: 1px solid #999999;
    background-color: #999999;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.hot-new .txt .btn-look:hover{
    border: 1px solid #cccccc;
    color: #cccccc;
    background-color: #fff;
}
.hot-new .txt .time{
    position: absolute;
    right: 0;
    bottom: 0;
    padding-left: 20px;
    font-size: 14px;
    color: #555;
    background: url(../images/time.png) no-repeat left center;
}
.ul-news li .inner{
    overflow: hidden;
    padding: 20px 0;
    border-top: 1px solid #e4e4e4;
}
.ul-news li:first-child .inner{
    border-top: none;
}
.ul-news .time{
    float: left;
    width:75px;
    margin-right:20px;
}
.ul-news .time strong{
    display: block;
    font-size:30gpx;
    font-family: "Arial";
    color: #fff;
    background-color: #008f40;
    height:45px;
    line-height:45px;
    text-align: center;
}
.ul-news .time span{
    border: 1px solid #008f40;
    border-top: none;
    display: block;
    font-size: 14px;
    color: #8a8a8a;
    height: 29px;
    line-height: 29px;
    text-align: center;
}
.ul-news .txt{
    overflow: hidden;
    padding-top: 4px;
}
.ul-news .txt h4{
    font-size: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin-bottom: 10px;
}
.ul-news .txt h4 a{
    color: #555;
}
.ul-news .txt p{
    font-size: 14px;
    line-height: 22px;
    color: #585858;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height:24px;
}
.ul-news li:hover{
    background-color: #f2f2f2;
}
.ul-news li:hover .time strong{
    background-color: #008f40;
}
.ul-news li:hover .time span,
.ul-news li:hover .txt h4 a,
.ul-news li:hover .txt p{
    color: #008f40;
}
/*footer*/
.footer{width: 100%; height:170px; border-top:#bfbfbf 5px solid; background:#005d88;}
.end_box{ width: 1200px; margin: 0 auto; padding:20px 0; height: auto;}
.end_left{ float: left; width: 850px;}
.end_right{ float: right; width: 234px;}
.end_link{font-size:14px; line-height: 60px; color: #b7bbc5; border-bottom: #bdddf1 1px solid;}
.end_link a{ color:#ffffff; font-size: 16px; line-height:60px; padding:0 10px  }
.end_link a:hover{ color:#005d88;}
.copright{ font-size: 14px; color: #f1f2f3; line-height: 27px; padding: 10px 0 0 10px;}
.copright p{ font-size: 14px; color: #f1f2f3; padding: 0; margin: 0}

/*upbox*/
.appear-up{opacity:1;
    -webkit-animation: appear-up 1s ease;
    -moz-animation: appear-up 1s ease;
    -o-animation: appear-up 1s ease;
    animation: appear-up 1s ease;
}
@-webkit-keyframes appear-up{
    0%{-webkit-transform: translate(0,100px);opacity:0;}
    100% {-webkit-transform: translate(0,0);opacity:1;}
}
@-moz-keyframes appear-up{
    0%{-moz-transform: translate(0,100px);opacity:0;}
    100% {-moz-transform: translate(0,0);opacity:1;}
}
@-ms-keyframes appear-up{
    0%{-ms-transform: translate(0,100px);opacity:0;}
    100% {-ms-transform: translate(0,0);opacity:1;}
}
@keyframes appear-up{
    0%{transform: translate(0,100px);opacity:0;}
    100% {transform: translate(0,0);opacity:1;}
}

/*appear-left*/
.appear-left{opacity:1;
    -webkit-animation: appear-left 1s ease;
    -moz-animation: appear-left 1s ease;
    -o-animation: appear-left 1s ease;
    animation: appear-left 1s ease;
}
@-webkit-keyframes appear-left{
    0%{-webkit-transform: translate(-100px,0);opacity:0;}
    100% {-webkit-transform: translate(0,0);opacity:1;}
}
@-moz-keyframes appear-left{
    0%{-moz-transform: translate(-100px,0);opacity:0;}
    100% {-moz-transform: translate(0,0);opacity:1;}
}
@-ms-keyframes appear-left{
    0%{-ms-transform: translate(-100px,0);opacity:0;}
    100% {-ms-transform: translate(0,0);opacity:1;}
}
@keyframes appear-left{
    0%{transform: translate(-100px,0);opacity:0;}
    100% {transform: translate(0,0);opacity:1;}
}
/*appear-right*/
.appear-right{opacity:1;
    -webkit-animation: appear-right 1s ease;
    -moz-animation: appear-right 1s ease;
    -o-animation: appear-right 1s ease;
    animation: appear-right 1s ease;
}
@-webkit-keyframes appear-right{
    0%{-webkit-transform: translate(100px,0);opacity:0;}
    100% {-webkit-transform: translate(0,0);opacity:1;}
}
@-moz-keyframes appear-right{
    0%{-moz-transform: translate(100px,0);opacity:0;}
    100% {-moz-transform: translate(0,0);opacity:1;}
}
@-ms-keyframes appear-right{
    0%{-ms-transform: translate(100px,0);opacity:0;}
    100% {-ms-transform: translate(0,0);opacity:1;}
}
@keyframes appear-right{
    0%{transform: translate(100px,0);opacity:0;}
    100% {transform: translate(0,0);opacity:1;}
}